[Bug]: Deploy mode screen shifts when any of the select widget is placed on the extreme right of the canvas

[shwetha-ramesh]

Is there an existing issue for this?

• [X] I have searched the existing issues

Description

When a user places any select widget (select/multiselect/multitreeselect/treeselect) with its Label aligned to Left on the extreme right corner of the canvas and deploys the application. In deployed version when clicked on the drop down the screen shifts and a white cast is seen.

Steps To Reproduce

1. Drag and drop any select widget (select/multiselect/multitreeselect/treeselect) on the extreme right corner of the canvas
2. Change the Label Position to Left
3. Deploy the app > Click on the drop down

Public Sample App

https://release.app.appsmith.com/app/untitled-application-10/page1-630331534d2e9f6bb88ad641

Issue video log

https://loom.com/share/c6373e0454ec440d8b6ab3e9a11f983d

Version

Cloud

[somangshu]

Actually this does not have anything to do with the label position, it happens regardless

[vsvamsi1]

We have a fix for the select widget but for the other widgets multiselect/multitreeselect/treeselect the fix is not very straightforward and hacky. In the new WDL we will try to accommodate the auto placement behaviour, so defering this fix for now. I have also raised an issue with the author of that library https://github.com/react-component/select/issues/917#issue-1578395675, if a fix comes in earlier we will try to bring it in.