NO BUG: Focus Outline Appears After Closing Menu (Safari only)

Browser: Safari
OS: IOS

When opening the menu and then closing it on my iPhone in Safari, a focus outline unexpectedly appears. This seems unintended, as focus outlines are generally meaningful only for keyboard navigation. Obviously, I need the outline for accessibility, but it shouldn’t be added like this. This issue can even be seen on bricksbuilder.io. Just open the menu, close it, and the focus outline gets added. No focus outline should be visible unless the user is navigating with a keyboard or assistive technology.

Doesn’t appear for me on bricksbuilder.io, nor on any of my sites. So maybe something to do with your personal setup.

Hi Panag,
Thanks so much for your report!

This seems to be a webkit/Safari (not a Bricks) bug that was reported about two years ago and can also be reproduced in Safari Desktop:

https://bugs.webkit.org/show_bug.cgi?id=243289

Unfortunately, we can’t provide you with a workaround.

Best regards,
timmse

Strange. If I use the Pro Offcanvas element from BricksExtras, the issue doesn’t occur. However, when I use the native Offcanvas element from Bricks and place the menu inside, the issue arises.