Welcome!Hello and welcome to my b:log. I'm Remy Sharp, a developer running my own business called Left Logic out of Brighton, UK. This place will mostly concentrate on web, code, a touch of business and some other personal pieces too - all available here or as a friendly RSS feed. Enjoy!
Latest: A popover backdrop anti-pattern
After attending recent conferences and learning that I can swap out buckets of JavaScript for the HTML native popover property, I've been using it liberally throughout my own projects.
For little pop out menus it's perfect. Then I also started using it for modal boxes (yes, you might be thinking ahead of me: dialog, still, let's find out what happened).
The popover property was really easy for this, and the ::backdrop selector was perfect for adding a little backdrop blur to tell my user "this is the thing you're dealing with".
I especially love that all the UX around dismissing is handled for me. I can hit the escape key, or click outside the popover and it's dismissed.
Except, I kept noticing that when I dismissed my popover it would sometimes vanish then immediately pop back to life…