[Bug]: Table filter floats with page scroll

[princepyhack]

Is there an existing issue for this?

• I have searched the existing issues

Description

As a user I looked for table filter attributes and expected that once I scroll up or down, this filter pop-up should be auto closed. But instead it keeps floating all over the page which was annoying.

Steps To Reproduce

Attached Video will help here.

Public Sample App

No response

Environment

Production

Severity

Medium (Frustrating UX)

Issue video log

https://www.loom.com/share/85df0817ef2849bda89d2458931b0d94?sid=d433bad4-4e5d-47e7-a28e-178602c510ac

Version

Appsmith d9263ad

[Harshithazemoso]

hello @Nikhil-Nandagopal , @somangshu , @pranavkanade I would like to work on the issue

[Harshithazemoso]

Hello @Nikhil-Nandagopal,

I've noticed some behavior in the Table widget and DatePickerWidget that I'd like to clarify. When the filter popup is opened and the user scrolls up or down, the filter remains fixed at the bottom of the page. Additionally, clicking on the page causes the popup to close. This behavior appears to be by design and not a bug.

However, while exploring the RichTextEditor widget, I encountered an issue with the paragraph dropdown. Unlike the other widgets, this dropdown seems to float randomly on the page instead of sticking to the bottom when scrolling. This inconsistency suggests that there might be a bug.

I've recorded a video demonstrating this behavior in the RichTextEditor widget for your reference: Video: Showing the bug.

I look forward to your feedback on this matter.

Thank you very much!

[Nikhil-Nandagopal]

@Harshithazemoso ideally in both cases the popup simply scrolls below the fold with the page. This may be due to how the rich text editor is implemented since it's a separate library.

[Harshithazemoso]

@Nikhil-Nandagopal you are saying that there is no bug in any of the widgets,am I right ?

[akshayvijayjain]

we are talking about two things

1. table filter popup ==> sticks to bottom of page ==>bug raise ==> But if you click outside the popup will go away

so bug author does not want to see the popup,
solution:
this can be made configurable in the popup, whether to stick to screen or scroll down.

@Nikhil-Nandagopal your thoughts on this

2. rich text editor , font popup, this stays on the page as if position: fixed, this may be a bug,

as this is separate widget, ideally can raise a new bug
solution:
can check what needs to be done to make it scroll with the page.

@Nikhil-Nandagopal your thoughts?