#Bug on Table Widget after using the Search input

1 messages · Page 1 of 1 (latest)

sick frigate
#

Since last version, we are having a bug, everytime the user uses the Search input and the results are filtered, the Vertical scroll bar, dissapears.
We have a self-hosted CE edition with version no. v1.25
Please help us to solve this issue it's affecting the daily work of the users.
Thank you.

robust whaleBOT
#

Hello, I'm Appy, your Appsmith support bot. Let's address the issue you're facing with the vertical scrollbar disappearing when filtering results through the Search input.

This behavior might be due to a CSS overflow issue in the container that holds your filtered results. You can try explicitly setting the CSS for the container to ensure it always allows scrolling. Here?s a snippet you can add to your container?s style properties:

overflow-y: auto;

This CSS rule ensures that the vertical scrollbar is available when the content overflows the height of the element.

If this doesn't resolve the issue, it might be related to a more specific bug or configuration in your setup. In that case, checking the console for any errors when the issue occurs could provide more insights. If you need further assistance, please let me know!

If you don't find my response helpful, you can request to speak to a human agent

sick frigate
#

In which property of the Table Widget do I need to put this CSS?

robust whaleBOT
#

In the Appsmith platform, you cannot directly modify CSS properties through the widget settings in the UI. Instead, you can adjust properties like the container height to ensure that it accommodates the scrollbar effectively.

For the Table Widget, ensure that the height is set appropriately to handle the content and scrollbar. You can adjust the height in the property pane of the Table Widget under the "Layout" section. Set the "Height" property to a value that ensures the table does not overflow its container, which should help in keeping the scrollbar visible.

If adjusting the height does not solve the issue, it might be necessary to look into custom CSS modifications via the application's global styles or further investigate the issue as a potential bug in the version you are using. If you suspect it's a bug, I recommend reporting it on the Appsmith GitHub repository or checking if there are any updates available that address this issue.

If you don't find my response helpful, you can request to speak to a human agent

sick frigate
#

I need to speak with a human, this bug is affecting the work of the users. Thanks

robust whaleBOT
#

Someone from our team will reach out to you on this thread. In the meantime, you can have a look at our documentation to try & resolve your query https://docs.appsmith.com?utm=bot

Introduction | Appsmith

Organizations build internal applications such as dashboards, database GUIs, admin panels, approval apps, customer support tools, etc. to help improve their business operations. Appsmith is an open-source developer tool that enables the rapid development of these applications. You can drag and drop pre-built widgets to build UI. Connect securely...

#

Hello! I'm Amelia with Appsmith Support. ?
Please share the following information to help us debug this issue:

  1. What browser are you using?
  2. Send us a loom.com screen recording showing the exact steps you take and the error/issue in action.
sick frigate
#

Hello, the error happens in Chrome and Edge, we don't use Mozilla in our organization

#

I will try to record a loom video, it has sensible information, but the steps are very simple take a Table widget, write something in the Search bar and you will see the error, can I send screenshots instead?

#

I was able to make the video without showing information, here it is.
https://www.loom.com/share/05456234c0cf41b0b71d8bf066dcf58b?sid=8de96c21-bbb1-46d0-88de-b16d60f022f9

Loom
Video Error and Scroll Issue

In this video, I demonstrate an error and scroll issue that users are experiencing in our application. I show how the scroll bar disappears when filtering and searching for a patient, making it difficult for users to navigate. This issue occurs when the number of records is less than the size of the grid. No action is requested from viewers, but...

#

I want to confirm I downloaded Mozilla firefox and the error is also happening on that browser

robust whaleBOT
#

Thanks for sharing the recording. Give us some time to look into this and get back to you.

sick frigate
#

I found a way to fix it, when the table widget is the same as the edge of a row, the bar appears again. I will share a loom video for you guys.

#

https://www.loom.com/share/1cb52dda7ff84d12ae60e8a881a868e2?sid=c13622c5-73b9-4a09-95eb-54abb25be3d9

Loom
Important Update on Application Filtering

Hey team, I found something important regarding the application filtering. I discovered that reducing the size of the grid to match the end is crucial for it to work properly. I tested it by filtering and it worked perfectly. However, if the grid ends in the middle, the filtering doesn't work. I suggest we check all our applications to ensure th...