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]: Select component, input text alignment #564

Open
untainsYD opened this issue Dec 26, 2024 · 3 comments
Open

[Bug]: Select component, input text alignment #564

untainsYD opened this issue Dec 26, 2024 · 3 comments
Labels
bug Something isn't working

Comments

@untainsYD
Copy link

untainsYD commented Dec 26, 2024

If you have text to select that is larger than the width of the materialize select, it always shows the end of the text instead of the beginning like a normal browser select.
Any styles like text-align: left, etc., won't help show the beginning of the text inside the input element.
I think it's because of text truncate/manipulation in js.

image

Environment

  • Version used: latest
  • Browser Name and version: Chrom, Firefox
  • Operating System and version (desktop or mobile): Linux 6.12.4
@untainsYD untainsYD added the bug Something isn't working label Dec 26, 2024
@gselderslaghs
Copy link
Member

gselderslaghs commented Dec 26, 2024

I've also noticed this recently and was working on concept to combine the Select(multiple options) and Autocomplete(multiple options) together with the Chips component, as a result no items would be visible in the selects itself but would be listed as Chips item with option to remove any added options with the Chip close icon, in the background we would work with multiple input fields to handle interaction with any given backend, instead of passing all values into one field, this would result in retrieving an array instead of a string separated with commas

WDYT?

@untainsYD can you also update the title of the issue accordingly?

@wuda-io
Copy link
Member

wuda-io commented Dec 26, 2024

Thats a really good idea! Fully agree on that.

@untainsYD untainsYD changed the title [Bug]: [Bug]: Select component, input text alignment Dec 26, 2024
@untainsYD
Copy link
Author

@untainsYD can you also update the title of the issue accordingly?

oh, I am sorry, done

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants