Join the Webstudio community

Updated 12 months ago

Close sheet component using code

At a glance

The community members are discussing how to close a sheet component using code, specifically when a user clicks on a link that goes to a section on the page. Initially, it was thought to be not possible, but then @Ivan Starkov was looking into it and a fix was expected. The community members expressed excitement about the potential fix, as it would make their menus more accessible. However, when testing the example project, the sheet component/menu was still not closing when clicking on the links. The fix was not yet deployed to production, and the community members were trying to figure out if any additional setup was required. Eventually, it was confirmed that the fix was only working in the development environment and had not yet been deployed to production.

Useful resources
How to please close the sheet component using code? I need to close menu overlay when user clicks on link that goes to section on the page, like #about
2
O
v
V
13 comments
We need to think about it, its currently not possible
@Ivan Starkov is looking into it, will probably have a fix today
Amazing news! I was about to create my own custom responsive menu, but that wouldn't ever be as accessible. Thanks I will keep my eyes on updates, as always anyway πŸ˜„
I'm looking for the same solution - looking forward to the fix.
fix is created, waiting to get deployed
As I'm testing the Example project the sheet component/menu is still not closing when I click on the links (tested in Firefox and Chrome - same result).
where on the links above? it works we tested
its not deployed to production on your site yet
Is there anything that needs to be set up? I tried creating new project and it does not close and goes back to the top of the website after closing the overlay https://apps.webstudio.is/builder/17877070-445a-4990-9d0a-5d51766d7e23?authToken=9cea8ed2-4a60-4647-95f4-7e504ac61a2e&mode=preview

site: https://menu-test-i8tgu.wstd.io/
It was not deployed yet, works only in our development environment
okey thanks for the info πŸ™‚
It was testing on this link: https://link-inside-sheet-saas-sk7pk.wstd.work/, but now it works perfect. It might be I was just too quick with the testing. πŸ™‚

Looking forward to deployment in production.
Add a reply
Sign up and join the conversation on Discord