<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet href="/feeds.xsl" type="text/xsl"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>Notes sur Why Keyboard Users Can’t Scroll Your Overflow Containers</title>

    <link href="https://app.flus.fr/links/1864907236970299270" rel="alternate" type="text/html" />
    <link href="https://app.flus.fr/links/1864907236970299270/feed.atom.xml" rel="self" type="application/atom+xml" />
    <link href="https://css-tricks.com/why-keyboard-users-cant-scroll-your-overflow-containers/" rel="via" type="text/html" />

    <id>tag:app.flus.fr,2026-05-11:links/1864907236970299270</id>
    <author>
        <name>Marien</name>
    </author>
    <generator>flus/2.4.0 (https://app.flus.fr/about)</generator>

            <updated>2026-05-13T11:46:38+02:00</updated>
    
                    <entry>
            <title>Notes par Marien</title>
            <id>tag:app.flus.fr,2026-05-13:notes/359548a7c37d0c9707db6dca9ae0f602</id>

            <link href="https://app.flus.fr/links/1864907236970299270#note-359548a7c37d0c9707db6dca9ae0f602" rel="alternate" type="text/html" />

            <author>
                <name>Marien</name>
            </author>

            <published>2026-05-13T11:46:38+02:00</published>
            <updated>2026-05-13T11:46:38+02:00</updated>

            <content type="html"><![CDATA[<blockquote>
<p>So, you build a data table with long rows, lots of columns, and horizontal scroll on the container. It works fine with a mouse and you ship it.</p>
<p>But! When a keyboard user Tabs into the table, its focus lands on a cell. Then they press the arrow keys to read across the row but nothing happens.</p>
</blockquote>]]></content>
        </entry>
                    <entry>
            <title>Notes par Marien</title>
            <id>tag:app.flus.fr,2026-05-13:notes/73c09664240b181d15eb0001840a59bf</id>

            <link href="https://app.flus.fr/links/1864907236970299270#note-73c09664240b181d15eb0001840a59bf" rel="alternate" type="text/html" />

            <author>
                <name>Marien</name>
            </author>

            <published>2026-05-13T11:53:07+02:00</published>
            <updated>2026-05-13T11:53:07+02:00</updated>

            <content type="html"><![CDATA[<p>Pas convaincu par les exemples interactifs : dans le premier cas (la "card"), le scroll était impossible même avec le correctif appliqué. Dans le second cas (le "tableau"), le scroll était possible avec ou sans le correctif, y compris quand le focus était donné sur les liens.</p>
<p>Le sujet reste important à garder en tête quand on crée des éléments défilables !</p>]]></content>
        </entry>
    </feed>
