close
The Wayback Machine - https://web.archive.org/web/20210429105919/https://github.com/vuetifyjs/vuetify/issues/12826
Skip to content

/ vuetify

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.

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 Report] Can't select text at v-list-item on safari #12826

Open
NikitaKovtun opened this issue Dec 23, 2020 · 1 comment
Open

[Bug Report] Can't select text at v-list-item on safari #12826

NikitaKovtun opened this issue Dec 23, 2020 · 1 comment
Labels
C: VList T: bug good first issue help wanted platform specific

Comments

@NikitaKovtun
Copy link

@NikitaKovtun NikitaKovtun commented Dec 23, 2020

Environment

Vuetify Version: 2.3.16
Vue Version: 2.6.12
Browsers: Safari 14.0
OS: Mac OS 10.15.7

Steps to reproduce

Just try select part of text with mouse

Expected Behavior

Selected part of text

Actual Behavior

not selected text

Reproduction Link

https://codepen.io/nikitakovtun/pen/MWjEORY
@KaelWD KaelWD changed the title [Bug Report] Can't select text at v-list-item [Bug Report] Can't select text at v-list-item on safari Dec 23, 2020
@Altantur
Copy link

@Altantur Altantur commented Jan 7, 2021

Just digging around, cause of this bug is tabindex="-1".

<div tabindex="-1" role="listitem" class="v-list-item theme--light">
...
</div>

If we remove tabindex attribute like below, selecting text on Safari works.

<div role="listitem" class="v-list-item theme--light">
...
</div>

I know it is not a solution, but it is better to exclude for Safari since tab-access is disabled by default.
Altantur added a commit to Altantur/vuetify that referenced this issue Jan 7, 2021
@Altantur
fix(VListItem): preventing on Safari Desktop adding tabindex attribute
cc36a59 
fixes vuetifyjs#12826
@Altantur Altantur mentioned this issue Jan 7, 2021
Closed
4 of 8 tasks complete
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
C: VList T: bug good first issue help wanted platform specific
Projects
None yet
Milestone
No milestone
Linked pull requests

Successfully merging a pull request may close this issue.

fix(VListItem): preventing on Safari Desktop adding tabindex attribute
3 participants
@Altantur @KaelWD @NikitaKovtun