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

Option to set auto or min/max width on returned suggestions #98

Open
geniuswebtools opened this issue Sep 22, 2020 · 0 comments
Open

Option to set auto or min/max width on returned suggestions #98

geniuswebtools opened this issue Sep 22, 2020 · 0 comments

Comments

@geniuswebtools
Copy link

Can you please add an option to allow an override for the suggestions container to have a user defined min/max width, or min/max width based on the returned suggestions?

The issue I'm having is that the input fields to look up data is smaller than the returned data itself based on the rules for the use case I'm using them in.

When trying to find a product the value is hidden and represented by ..., and the clarifying data for each product is hidden by the less than optimal width.

To try and clarify this is what we'd like to see:
Similar Product Name Option 1 with XYZ
Similar Product Name Option 2 with XY
Similar Product Name Option 3 with Z

... but because of the UI layout all that can be see is:

Similar Product Name Op ...
Similar Product Name Op ...
Similar Product Name Op ...

... and it's unclear as to which one is truly desired.

In the meantime, since I'm using an AJAX request to retrieve the suggestions, I'm using the .always() method on the AJAX request to trigger a custom action, and resize the .autocomplete-suggestions to 600px, which is working, but 600px is too wide in most cases, so the auto width based on the text would be the perfect solution.

@geniuswebtools geniuswebtools changed the title Option to set min width on returned suggestions Option to set auto or min/max width on returned suggestions Sep 22, 2020
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

No branches or pull requests

1 participant