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

Break words in SearchableSelect value & description #580

Merged
merged 2 commits into from
Sep 19, 2024

Conversation

zaporter-work
Copy link
Member

@zaporter-work zaporter-work commented Sep 19, 2024

I know we are deprecating SearchableSelect. However, the video-path dropdown for the webcam component builder has caused me enough emotional pain to just come fix this. Thoughts?

Before:
before

After:
20240919_01h54m16s_grim

<p class="text-wrap text-sm">
<div
class="flex flex-col"
style="overflow-wrap: anywhere;"
Copy link
Member Author

@zaporter-work zaporter-work Sep 19, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tailwind hasn't merged an alternative to word-break: break-word. All other word-breaking combinations that I tried had issues.

See discussion: tailwindlabs/tailwindcss#12127
See PR: tailwindlabs/tailwindcss#12128

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm cool with this, but can we do it as a tailwind arbitrary-inside-brackets class instead of an inline style?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍 53735e1

class="flex flex-col"
style="overflow-wrap: anywhere;"
>
<p class="text-sm">
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

text-wrap not required.

Copy link
Member

@mcous mcous left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Here for this, one tweak request

@zaporter-work zaporter-work merged commit 38816ad into main Sep 19, 2024
4 checks passed
@zaporter-work zaporter-work deleted the zp/break-words branch September 19, 2024 15:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants