Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

AutocompleEditor Dropdown is not visible #1271

Closed
JrmKrb opened this Issue Sep 6, 2018 · 2 comments

Comments

Projects
None yet
2 participants
@JrmKrb
Copy link

JrmKrb commented Sep 6, 2018

Which version of React JS are you using?

Officially supported

  • v15.4.x

⚠️ Not officially supported, expect warnings ⚠️

  • v15.5.x
  • v15.6.x

☣️ Not officially supported, expect warnings and errors ☣️

  • v16.x.x

Which browser are you using?

Officially supported

  • IE 9 / IE 10 / IE 11
  • Edge
  • Chrome

⚠️ Not officially supported, but "should work" ⚠️

  • Firefox
  • Safari

I'm submitting a ...

  • 🐛 Bug Report
  • 💡 Feature Request

Issue Details

When using the Built-in AutocompleteEditor, the dropdown hides "behind" the page when it gets lower than the last row shown on screen. You can easily reproduce with the Built-in Example by trying to update the column "Priority" of the 3 last rows of the Datagrid.

I tried to fix it in vain with some CSS and this is extremely frustrating as this is a major UI issue that makes it almost unusable.

datagrid_bug

The issue was already present with an officially supported version of React
Thanks for your help!

@amanmahajan7

This comment has been minimized.

Copy link
Contributor

amanmahajan7 commented Sep 11, 2018

@JrmKrb thank you for reporting this issue. This is a known bug, the issue is that the editor is rendered inside the grid and when the grid height is is smaller than the editor then the editor is cutoff.

Possible solution

  • Use Portals to render the editor outside the grid and align it with the input control. This means dropping support for React 15

Ideas are welcome, we will also look into potential solutions

@stale

This comment has been minimized.

Copy link

stale bot commented Oct 11, 2018

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Please reopen this if you feel it has been incorrectly closed and we will do our best to look into it. Thank you for your contributions.

@stale stale bot added the wontfix label Oct 11, 2018

@stale stale bot closed this Oct 18, 2018

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.