Input field “Enter style name” does not find any classes

Hi team,

I have a large number of utility classes that I am currently transferring from my style.css to global styles.

I am running into a problem:

The naming convention of all these utility classes is:

fs-h1, fs-h2, … (font-size)
ar-16-9, ar-1-1, … (aspect-ratio)
mb-s, mb-m, mb-l (margin-bottom)
mt-s, mt-m, mt-l (margin-top)
pb-s, … (padding-bottom)

etc…

The problem is:

If I want to quickly search for such a utility class in the dropdown box of the global styles, I type the first two letters into the field (Enter style name).

But I get no result! as if this class did not exist.

But when I use the scrollbar, I see that the class I am looking for is at the very bottom.

After searching for a long time for the cause of this error, I found out that the search input only reacts when 3 letters are entered !!! Why the hell is that?

So I would have to enter the hyphen every time I want to find such a class quickly.
This makes the “quick entry” ad absurdum.

Can there be a solution for this? Or does it mean that I have to come up with a new naming convention for all my utility classes?

Thank you!