[csswg-drafts] [css-overflow-5] Focusing column from ::column::scroll-marker on column with no start element (#11882)

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

== [css-overflow-5] Focusing column from ::column::scroll-marker on column with no start element ==
The way I understand it, when pressing tab when at an active `::column::scroll-marker`, it should focus the first focusable element in that column. But what if there is no focusable element? Keep searching in the next column(s) and whatever comes after that, or fall back to focusing the scrollable container?

```html
<!DOCTYPE html>
<style>
  #container {
    scroll-marker-group: before;
    overflow: hidden;
    columns: 4;
    column-gap: 10px;
    column-fill: auto;
    column-rule: solid;
    height: 100px;
    line-height: 20px;
  }
  #container::scroll-marker-group {
    display: flex;
    height: 20px;
    background: hotpink;
  }
  #container::column::scroll-marker {
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: blue;
  }
  #container::column::scroll-marker:focus {
    background: cyan;
  }
</style>
<div id="container">
  <div tabindex="0">first</div>
  <div tabindex="0" style="height:200px;">also first</div>
  <div tabindex="0">third</div>
</div>
```

@flackr @danielsakhapov 

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


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

Received on Monday, 10 March 2025 10:05:09 UTC