[csswg-drafts] [css-anchor-position-1] position-try-options interaction with position-visibility (#10341)

kbrilla has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-anchor-position-1] position-try-options interaction with position-visibility ==
When exploring chrome blog describing https://developer.chrome.com/blog/anchor-positioning-api?hl=en i encountered that there is no support for using  `position-visibility` with `position-try-options` or at least it does not work as one would expect.

For example:
```css
  position-visibility: no-overflow;
  position-try-options: flip-block;
```
as I scroll I would expect 
first flip to happen as soon as overflow would kick in then as overflow would kick in again for tooltip to be hidden.
so:
<img width="436" alt="image" src="https://github.com/w3c/csswg-drafts/assets/22288449/88e9587b-1aaa-497c-9c90-75763e23e2cb">
<img width="464" alt="image" src="https://github.com/w3c/csswg-drafts/assets/22288449/81f6a243-5e27-4900-8b81-ced077e1e8be">
And now it should be hidden but stay visible
<img width="439" alt="image" src="https://github.com/w3c/csswg-drafts/assets/22288449/ce903ae1-5bdf-4b2b-b231-fbdd58f0c820">
https://codepen.io/krzbri/pen/OJYymRv

and now 
```css
  position-visibility: no-overflow;
  position-try-options: flip-block;
```
here I would expect basically the same same behaviour with the exception that now we are talking about visibility of anchor. 
What happens though is  that as soon as top anchor is hidden it does not try to first try to use bottom anchor as  `  position-try-options: flip-block;` would suggest.  
<img width="464" alt="image" src="https://github.com/w3c/csswg-drafts/assets/22288449/f5523504-ee3e-4bd2-ac2e-7e72b91f4629">
So here I would except to first switch to bottom anchor and only when this one is hidden for tooltip to be hidden. 

https://codepen.io/krzbri/pen/jOobmmd

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/10341 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Thursday, 16 May 2024 10:20:46 UTC