:bug: fix(bal-hint, bal-popover): Bal popover not shown inside stacking context
Opened this issue · 2 comments
Current Behavior
If we use bal-hint or any component that uses bal-popover it injects the component inside the dom tree where it is called. If that element is smaller and inside stacking context then showing popover which should be bigger then that element is not working. This is the issue that for example gets manifested when using ag gird and one wants to inject tooltip inside the table cell.
Expected Behavior
Pop up should be above everything and visible
Steps to Reproduce
- open on codesandbox
- try to however over second row, , 3rd is above second
- Also in the same use case, width of pop up is dependent on the width of element in which pop up dom element is injected which causes another issue
Version
16.2.1
Browsers
Chrome
Device
Desktop
Code Reproduction URL
Additional Information
Another example by usign ag-grid:
Proposal:
maybe it would be good to add some flag to inject popover in the root of the html page or to pass id in which we want to inject.
I see in the documentation we have reference for popover: https://design.baloise.dev/?path=/story/components-data-display-popup--popover&globals=framework:angular
but i think it does not exists , so i think it is also worth upgrading documentation
Code of Conduct
- I agree to follow this project's Code of Conduct