- From: Roman Komarov via GitHub <sysbot+gh@w3.org>
- Date: Mon, 19 Jun 2023 19:43:43 +0000
- To: public-css-archive@w3.org
In the OpenUI discord there was a question by @o-t-w about a certain common use case for the `::backdrop`: > One UX feature that has become pretty common in the last few years is product tours - either as part of onboarding users to the product or to highlight new features to established users. Often in this pattern the rest of the page is dimmed as focus is drawn to one element of the UI. Popovers and anchor positioning would be useful here but using `::backdrop` probably couldn't be made to work for this use case? Curious how people would approach this. > <img width="400" src="https://github.com/w3c/csswg-drafts/assets/177485/010cb4e6-c45f-4bfe-8aee-308c406ec0bb" alt="Screenshot showing a feature highlight popover with a backdrop looking like a spotlight, highlighting the element the popover is anchored to." /> I tested it, and managed to re-create this effect with a `::backdrop` and anchor positioning (https://codepen.io/kizu/pen/zYMBwNQ?editors=1100), _however_, it seems that we should also allow the `::backdrop` to use the originating element as well as an implicit anchor, as it would make it possible to then use it for similar use cases much more conveniently. -- GitHub Notification of comment by kizu Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/8913#issuecomment-1597675463 using your GitHub account -- Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Monday, 19 June 2023 19:43:45 UTC