baseweb | React Component library implementing the Base design | Frontend Framework library

I have been trying to change the color of multiselect widget, specifically the color of choices (the orange color), which seems like this

but without any success. I found a discussion in here Streamlit: modify the multiselect tag background color, which changes colors of all elements of multiselect widget except for choices "boxes". Has anybody some idea how i could "override" the default color value?

What i also tried is to use

I've been using streamlit for a while, but still can't figure out how to change the background color of a multiselect tag. Is there any way to work around this property?

What I've tried is to inspect the elements, but found nothing to imrpove.

I am unable to get the values of email and password from the FormControl Input values. I am using the BaseWeb ReactUI framework for the field UI.

Need help stuck on this issue.

I need to show the number of selected options instead of the actually selected options. Here is what I'd like to achieve, which I created a mockup with manipulating the DOM in the browser inspection.

In the baseweb/baseui documentation, it is mentioned that it can be achieved by overriding, however, when I use override property, it affects the style and behavior as you can uncomment and see the result.

Here is the code-snippet: https://codesandbox.io/s/nifty-johnson-erkfr

Im trying to extract the text "Quesadilla" , however when I try to get the text it comes as empty.

HTML trying to extract from:

Trying to override File Uploader's button text, but ButtonComponent.props has any type, so can't figure out what I am able to pass there. My idea inspired by Button docs was to set children property, but button text remains unchanged. Could anyone give a hint?

The following code does the following:

1. Accesses a URL with the FIRST date
2. Closes the "Understanding origins" pop-up window by clicking on SKIP
3. Click on the "Download data" button
4. Opens a new tab with the NEXT date
5. closes previous tab (FIRST date URL)
6. TRIES to click on "Download data" again

The problem I have is on number 6. It gives me the "element click intercepted" error, and I assume it's because it thinks a NEW "Understanding origins" pop-up window appeared.

However, no pop-up window appears this time, unlike the first time I opened the browser (FIRST date URL). I even tried using the same code to click on the SKIP button this time, but it still gives me the same error.

How can I get around this and be able to click on the "Download data" button every time I open a new tab? Note: I'm opening thousands of tabs, one at a time here.

My code:

Does anyone know of a way to replace the BaseWeb Select component's default TriangleDownIcon with another BaseWeb icon? (Our designers have asked to swap the triangle icon with a chevron.). I've looked through BaseWeb's Select documentation and, while I can see how to style the icon through overrides, I can't find how to swap the icon for another.

Question: How can I layout items in columns where they will fill up the column and then wrap.

Live code: https://codepen.io/matthewharwood/pen/NWxqXVv