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.

Popover inside Table with Fixed Column closes on any click inside the Popover

See original GitHub issue

Version

3.2.0

Environment

OSX El Capitan, Chrome 63

Reproduction link

https://codesandbox.io/s/ovojjom279

Steps to reproduce

Create a Table and put a button in a column header that is fixed: left to open a Popover. Now open the Popover and click inside it.

What is expected?

The Popover should remain open. This is what currently happens if you remove fixed: left from the column

What is actually happening?

The Popover closes

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:8 (2 by maintainers)

github_iconTop GitHub Comments

4reactions
fayhycommented, Feb 9, 2018

We have encounted the same issue, here is what I tested.

There are actually two popovers exists because the fixed column is rendering as two columns (.ant-table-fixed-right and .ant-table-scroll) internally.

When “visible” is not been set, or “onVisibleChange” is disabled, it works well.

But if “visible” is controlled by some logic, when click inside one popover, another popover’s “onVisibleChange” is triggered, “visible” is set to false, so the popover is closed.

Related with #9217

0reactions
yoyo837commented, Apr 27, 2020
Read more comments on GitHub >

github_iconTop Results From Across the Web

Popover not working in dynamic table when click on click here ...
when I click on 'click here' option on table header then popover comes, but it showing very small in size. I tried to...
Read more >
Bootstrap popover on Fixed Column looks strange - DataTables
Once you start scrolling, the popover starts to appear at the left edge of the table which looks strange. Any help would be...
Read more >
HeadlessUI: Popover. Part 3 - JavaScript in Plain English
We can imperative close the panel by exposing the close() render prop. Create the state todos , where we will fetch the todos...
Read more >
Popovers · Bootstrap v5.0
When a keyboard user opens a popover, focus remains on the triggering element, and as the popover usually does not immediately follow the...
Read more >
Popovers in bootstrap with examples - GeeksforGeeks
A Bootstrap Popover is an attribute in bootstrap that can be used to make any website look more dynamic. Popovers are generally used...
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