NO BUG: Focus status not work in search-filter element

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue (free tool: jam.dev)

Hello,

I tried setting the focus state on the filter-search element to increase its width when focused. It works in the Builder when the focus state is active, but it doesn’t work at all in the frontend.

I guess it’s not working because of the wrapper. But it would be nice if this element had an option to adjust the width in the focus state, at least for those who don’t know how to code.

Hi Victor,
Since 2.0 alpha, you can create custom selectors through the UI without any custom CSS:

Best regards,
timmse

Hi @timmse,

Thanks for the advice. Do we have to manually type input:focus? Or can we select the input first and then enable focus state for it?

You can do this however you like - the selector detector will recognize the input field in any case.

It seems we can’t choose the focus mode for the selector after selecting it. Am I missing something?

selector detector

I thought something like this was possible (No manual typing).

selector detector

No, you can’t do that. You can select the input with the selector detector and continue working from there, depending on what you want. We can’t know what that is :wink:

1 Like