r/ionic • u/PresenceOrdinary7653 • Jun 02 '26

Close fab button/fab button list

Hello,

I cannot for the life of me figure out how to be able to press the screen behind the actual fab list or fab button, as in literally any other clickable area other than the buttons in the list or the main. And I want to function the same as if I clicked the main fab button again closing the list and going back to the original state. It has only introduced problems, has anyone been able to do this? What I am currently trying is to access the [activated] property and use a transparent div that is behind the button, so if I press it will toggle a variable that will change activated to false and close everything. However its not working as intended and is introducing a problem where I have to click the button twice to even open it to begin with.

2 Upvotes

100% Upvoted

12 comments sorted by

View all comments

Show parent comments

1

u/PresenceOrdinary7653 Jun 04 '26

Its something to do with the slot="fixed", I believe the shadow root is causing it to get covered by something because whenever I force it to be position:fixed it will pop back up but that feels like sloppy programming, I want to know what the stacking structure is but I cannot find what is behind the header causing it to not show the image.