Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Bug][CardScroll]: ul тег по умолчанию нарушает семантику ul>li #8135

Open
andrey-medvedev-vk opened this issue Jan 9, 2025 · 0 comments · May be fixed by #8140
Open

[Bug][CardScroll]: ul тег по умолчанию нарушает семантику ul>li #8135

andrey-medvedev-vk opened this issue Jan 9, 2025 · 0 comments · May be fixed by #8140
Assignees
@EldarMuhamethanov
Labels
cmp:card-scroll type:bug

Comments

@andrey-medvedev-vk
Copy link
Contributor

Описание

Вызвано:

Семантически li должны быть прямыми дочерними элементами ul.

В CardScroll это не соблюсти для внешней обёртки, так как внутри ещё много div элементов вокруг children и потенциальных Card элементов с тегом li.

VKUI/packages/vkui/src/components/CardScroll/CardScroll.tsx

Lines 119 to 123 in e6af1e7

<div className={styles.in} ref={refContainer}>
<span className={styles.gap} ref={gapRef} />
{children}
<span className={styles.gap} />
</div>

А мы как раз для внешней обертки через свойство Component задаём по умолчанию тег ul.

Желательно убрать значение по умолчанию для свойства Component с ul на div и добавить проп для задания тега для обертки вокруг children c пояснениями в доке по поводу a11y и семантики для ul>li.

Версия

7.1.0

В каких браузерах воспроизводится проблема?

No response

Шаги воспроизведения

No response

Ожидаемое поведение

No response

Скриншоты

No response

Пример с воспроизведением

No response
@github-project-automation github-project-automation bot moved this to 🗃 Backlog in VKUI Jan 9, 2025
@andrey-medvedev-vk andrey-medvedev-vk changed the title [Bug]: CardScroll ul тег по умолчанию нарушает семантику ul>li [Bug][CardScroll]: ul тег по умолчанию нарушает семантику ul>li Jan 9, 2025
@EldarMuhamethanov EldarMuhamethanov self-assigned this Jan 9, 2025
@EldarMuhamethanov EldarMuhamethanov moved this from 🗃 Backlog to 🔧 In progress in VKUI Jan 10, 2025
@EldarMuhamethanov EldarMuhamethanov linked a pull request Jan 10, 2025 that will close this issue
Open
3 tasks
@EldarMuhamethanov EldarMuhamethanov moved this from 🔧 In progress to 👀 In Review in VKUI Jan 10, 2025
@andrey-medvedev-vk andrey-medvedev-vk mentioned this issue Jan 14, 2025
Open
4 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@EldarMuhamethanov EldarMuhamethanov

Labels
cmp:card-scroll type:bug
Projects
VKUI
Status: 👀 In Review
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

a11y(CardScroll): fix a11y, ul>li combination VKCOM/VKUI
2 participants
@EldarMuhamethanov @andrey-medvedev-vk