As far as I can see there is no difference here concerning the icon.
The icon always display before clicking on it, whatever the class change, and then disappears because the dropdown is displayed over it.
The wrong aspect of this PR is that it is creating a vertical scrollbar as paddings are lost.

See screenshots. They look the same. I don't see where paddings are lost.

@Quy the form.control class ??

These classes are overriden.

One can see the scrollbar issue when clicking on the arrow and the drodown displays

Sorry I must be blind as I don't see what you are seeing.

Firefox Macintosh

before your patch

After your patch

Browser issue?

Notice in your Before screenshot that the dropdown with yellow highlight in the After screenshot is also in the Before screenshot before the grey drop down displays over it. It could be a browser issue. Do you have another browser to test?

Got same behavior on Chrome and Safari here on Macintosh except no scrollbar after your patch.

It is correct to have no scroll bar. Do you get the yellow highlight in other drop downs like the language dropdown on the first installation page?

@infograf768 Can you please test again to see if it ok now with the new template? Does it behave the same as the other dropdowns on this page?

will test tomorrow

I don't even see the issue using this morning's pull

You should see the blue background.

I can reproduce the issue and confirm the PR solves it.

@infograf768 I don't have the scrollbar issue, neither with LTR nor with RTL.

I have tested this item ✅ successfully on 5691021

I can reproduce the issue, PR solves it for me with both LTR and RTL. If it's right or wrong I can't judge.

issue replicated and patch resolves

I have tested this item ✅ successfully on 5691021

RTC

Sorry to say, but on Macintosh clean install I still have the wrong behavior...
here with Firefox, after patch.

@inograf768 I used latest version of Firefox, but on Windows. So what shall we do now? Remove RTC?

That is a native browser display you are seeing. Nothing can be done about that.

I have a similar behavior for safari and chrome on Macintosh as I stated before.

It may be of interest to see the behavior for other fields:

As one can see, the arrow and dropdown works perfectly for ordering and limit

You have the same issue with - Select Condition - which has nothing to do with this PR.

You have the same issue with - Select Condition - which has nothing to do with this PR.

Indeed. Do you keep the arrow for this field on your settings?

It displays fine on Windows. I will have to test on Mac later today and see if anything can be done unless you want to give it a shot first.

Maybe we should look at this
https://stackoverflow.com/questions/31930982/html-dropdown-appears-different-on-osx

Can you give it a try in a separate PR as I have to ask a friend to get access to a Mac?

@wilsonge Please merge. The issue mentioned by JM is a separate issue and OSX specific. Thanks.

But I use a macbook too :P clearly a high priority issue :P

Thankyou!