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

[Feature Request] Documentation NativeSelect #490

Open
doishub opened this issue Feb 16, 2024 · 4 comments
Open

[Feature Request] Documentation NativeSelect #490

doishub opened this issue Feb 16, 2024 · 4 comments
Labels
bug Something isn't working documentation Improvements or additions to documentation

Comments

@doishub
Copy link

doishub commented Feb 16, 2024

Usage example, including component, action, motion, or utility API

I am currently struggling to customize the styles of a select. If I use the multiple attribute, I would like to be able to define the minimum height.

When passing overwrite only the InputWrapper can be customized. By looking further into the code I found the attribute inputStyle and tried to define further styles like this:

<NativeSelect
             data={items}
             label="Select"
+            override={{ minHeight: 80 }}  // Overwrites the styles of the InputWrapper
+            inputStyle={{'& .input':{ height: 200, minHeight: 200, resize: 'vertical' }}} // Try 1
+            inputStyle={{'& .select':{ height: 200, minHeight: 200, resize: 'vertical' }}} // Try 2
+            inputStyle={{ height: 200, minHeight: 200, resize: 'vertical' }} // Try 3
             multiple />

Unfortunately, none of this works as desired.
Can you please adapt the documentation?

Possible implementation - describe how the feature can be implemented

No response

Do you want to contribute this feature and create a pull request

No

@BeeMargarida BeeMargarida added documentation Improvements or additions to documentation bug Something isn't working labels Feb 16, 2024
@doishub
Copy link
Author

doishub commented Feb 21, 2024

Basically, multiple does not seem to work. The setting does work, but only one value is returned.

@BeeMargarida
Copy link
Member

Hey, I'll take a look at this this week, see what's happening. Sorry for the delay in giving you an answer

@BeeMargarida
Copy link
Member

So, this is becoming more complex due to the way we setup the component. This is gonna take a while, perhaps I'll park it since we are working on migrating the style API

@doishub
Copy link
Author

doishub commented Mar 7, 2024

Okay, good to know, I can get by with my own component in the meantime. Thanks for the feedback and this library!

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

No branches or pull requests

2 participants