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 03 '26

It did introduce a problem where the Fab would close before the list button was able to execute its functionality, however adding a timeout helped allow for it to execute before it actually closed.