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 Report][3.5.4] List item subtitle break-word results is awkward reading #19233

Closed
06b opened this issue Feb 15, 2024 · 0 comments · Fixed by #19234
Closed

[Bug Report][3.5.4] List item subtitle break-word results is awkward reading #19233

06b opened this issue Feb 15, 2024 · 0 comments · Fixed by #19234
Assignees
@06b
Labels
C: VList VList T: bug Functionality that does not work as intended/expected
Milestone
v3.5.x

Comments

@06b
Copy link
Contributor

06b commented Feb 15, 2024

Environment

Vuetify Version: 3.5.4
Last working version: 3.4.10
Vue Version: 3.4.19
Browsers: Edge 121.0.0.0, Mozilla Firefox, Google Chrome
OS: Windows 10

Steps to reproduce

Have a v-list-item where the subtitle spans multiple lines.

Expected Behavior

To be able to read the content within the subtitle.

Actual Behavior

Subtitle is awkward to read as break-all will insert a word break between any two characters.

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

This was caused by fixing #18609 so I made sure to base the reproduction link off of it and can create a pull request that fixes this bug and doesn't cause a regression on #18609 shortly.
@06b 06b mentioned this issue Feb 15, 2024
Merged
@johnleider johnleider added T: bug Functionality that does not work as intended/expected C: VList VList and removed S: triage labels Feb 21, 2024
@johnleider johnleider added this to the v3.5.x milestone Feb 21, 2024
johnleider added a commit that referenced this issue Feb 21, 2024
@06b @johnleider
fix(VList): set explicit overflow-wrap to break-word (#19234)
8fe0cbf 
fixes #19233

Co-authored-by: John Leider <john@vuetifyjs.com>
VIXI0 pushed a commit to VIXI0/vuetify that referenced this issue Mar 13, 2024
@06b @johnleider @VIXI0
fix(VList): set explicit overflow-wrap to break-word (vuetifyjs#19234)
1f87a40 
fixes vuetifyjs#19233

Co-authored-by: John Leider <john@vuetifyjs.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@06b 06b

Labels
C: VList VList T: bug Functionality that does not work as intended/expected
Projects
None yet
Milestone
v3.5.x
Development

Successfully merging a pull request may close this issue.

fix(VList): set explicit overflow-wrap to break-word 06b/vuetify
2 participants
@06b @johnleider