Popover inside Table with Fixed Column closes on any click inside the Popover
See original GitHub issueVersion
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:
- Created 6 years ago
- Comments:8 (2 by maintainers)
Top 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 >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
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
@SmaileLee 请到 https://github.com/vueComponent/ant-design-vue 这里提交问题。