question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Dropdown element is hidden by next row

See original GitHub issue

I’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:open
  • Created 6 years ago
  • Reactions:5
  • Comments:13

github_iconTop GitHub Comments

11reactions
lmedeiroscommented, Dec 15, 2017

Try adding this css style

.datatable-body-cell { overflow-x: visible !important; }

It worked for me with a bootstrap dropdown inside a cell

3reactions
KateFrcommented, Feb 25, 2019

https://valor-software.com/ngx-bootstrap/#/dropdowns#container

solved problem of in row dropdown for me

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found