Dropdown element is hidden by next row
See original GitHub issueI’m submitting a … (check one with “x”)
[x] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here, post on Stackoverflow or Gitter
Current behavior If you add a dropdown element inside row and expand it, it will be covered by the next row. I’m using scrollV in my table.
Expected behavior Dropdown hovers next row and is visible that way.
-
Table version: 9.3.0
-
Angular version: 2.0.x 4.0.0
Issue Analytics
- State:
- Created 6 years ago
- Reactions:5
- Comments:13
Top Results From Across the Web
Bootstrap dropdown menu hidden behind other elements
You have two options. You can make the container's overflow expand to fit the content by setting 'overflow: auto' to the parent's css....
Read more >Bootstrap Dropdown is hidden behind rows - EJ 2 Forums
i have added column template to render bootstrap dropdown and it is not being rendered properly. Dropdown menu is behind the grid row....
Read more >Excel - automatically hiding select rows based on drop down ...
I have a drop down selection of 10 items on my dashboard tab and am trying to only show rows 57 ... I...
Read more >Video: Manage drop-down lists - Microsoft Support
Training: To prevent changes to your drop-down list data, you can hide the columns, rows, or the entire worksheet that contains the data....
Read more >Diagnosis: z-index (submenu hidden behind content)
The element on the bottom may be hidden by the element on top. The z-index property of an element determines how an element...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Try adding this css style
.datatable-body-cell { overflow-x: visible !important; }
It worked for me with a bootstrap dropdown inside a cell
https://valor-software.com/ngx-bootstrap/#/dropdowns#container
solved problem of in row dropdown for me