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.

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

[Bug Report] Title attribute is not working in v-select #11253

Closed
chans-me opened this issue Apr 28, 2020 · 1 comment · Fixed by #12776
Closed

[Bug Report] Title attribute is not working in v-select #11253

chans-me opened this issue Apr 28, 2020 · 1 comment · Fixed by #12776
Assignees
Labels
C: VSelect VSelect T: bug Functionality that does not work as intended/expected
Milestone

Comments

@chans-me
Copy link

Environment

Vuetify Version: 2.2.25
Vue Version: 2.6.11
Browsers: Chrome 78.0.3904.97
OS: Linux x86_64

Steps to reproduce

The normal behaviour of title attribute is to display the title text on hover , similar to v-text-field. But in v-select it is not working, please check the codepen

Expected Behavior

On hover select box, title message should display

Actual Behavior

it is not showing the title message

Reproduction Link

https://codepen.io/chansv/pen/ExVXEQJ?editors=1000

@KaelWD
Copy link
Member

KaelWD commented Oct 9, 2020

v-select passes all attributes down to the <input> element like v-text-field does (#12362), but it has pointer-events: none to prevent you from typing in it.

@KaelWD KaelWD added T: bug Functionality that does not work as intended/expected and removed S: triage labels Oct 9, 2020
scscgit added a commit to scscgit/vuetify that referenced this issue Dec 12, 2020
…2775)

Display hover effect of title attr even on label of v-text-field,
which may have moved outside (above) the input when not outlined,
by enabling pointer-events only when it's active (not otherwise).

Fix another v-switch bug of ripple effect's event blocking hover.

Fix displaying title at all in v-radio. (Also fixed ripple here.)

Move title attr to a parent object, making it trigger even on the
threshold of input boundaries, increasing its accessibility scope
to avoid blind zones. Remove the duplicate title in v-text-field,
v-radio, v-switch, and v-checkbox after moving to parent element;
specifically VInput, or in the v-radio's case via its own parent.
Modified VInput's genInputSlot(): it's being called by components
VAutocomplete, VRadioGroup, VSelect, and VTextField (maybe more).

This also fixed v-select's issue of title not appearing (vuetifyjs#11253).
scscgit added a commit to scscgit/vuetify that referenced this issue Jan 6, 2021
…2775)

Display hover effect of title attr even on label of v-text-field,
which may have moved outside (above) the input when not outlined,
by enabling pointer-events only when it's active (not otherwise).

Fix another v-switch bug of ripple effect's event blocking hover.

Fix displaying title at all in v-radio. (Also fixed ripple here.)

Move title attr to a parent object, making it trigger even on the
threshold of input boundaries, increasing its accessibility scope
to avoid blind zones. Remove the duplicate title in v-text-field,
v-radio, v-switch, and v-checkbox after moving to parent element;
specifically VInput, or in the v-radio's case via its own parent.
Modified VInput's genInputSlot(): it's being called by components
VAutocomplete, VRadioGroup, VSelect, and VTextField (maybe more).

This also fixed v-select's issue of title not appearing (vuetifyjs#11253).
scscgit added a commit to scscgit/vuetify that referenced this issue Jan 6, 2021
)

Display hover effect of title attr even on label of v-text-field,
which may have moved outside (above) the input when not outlined,
by enabling pointer-events only when it's active (not otherwise).

Fix another v-switch bug of ripple effect's event blocking hover.

Fix displaying title at all in v-radio. (Also fixed ripple here.)

Move title attr to a parent object, making it trigger even on the
threshold of input boundaries, increasing its accessibility scope
to avoid blind zones. Remove the duplicate title in v-text-field,
v-radio, v-switch, and v-checkbox after moving to parent element;
specifically VInput, or in the v-radio's case via its own parent.
Modified VInput's genInputSlot(): it's being called by components
VAutocomplete, VRadioGroup, VSelect, and VTextField (maybe more).

This also fixed v-select's issue of title not appearing (vuetifyjs#11253).
@johnleider johnleider linked a pull request Feb 9, 2021 that will close this issue
8 tasks
@johnleider johnleider added this to the v2.4.x milestone Feb 9, 2021
@johnleider johnleider assigned KaelWD and unassigned chans-me Feb 9, 2021
@KaelWD KaelWD modified the milestones: v2.4.x, v2.5.0 Mar 6, 2021
@KaelWD KaelWD closed this as completed Mar 6, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VSelect VSelect T: bug Functionality that does not work as intended/expected
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants