What did you do? ================ 1. Added padding in textbox or remove outline of searchbox 2. 3. What happened? ============== In header section searchbox has not very good spacing/padding according to MDN theme,looking dull when user focus on it What should have happened? ========================== so there should be some padding or need to remove outline here is css class of that search box: .search-wrap input Is there anything else we should know? ====================================== Am looking into it :)
The outline must stay because it is an important accessibility feature. Open to other suggestions :)
Apparently this shows up on Chrome, but not Firefox.
@Hobson : if it is feature so don't you think it should be attractive like some custom outline related to Mozilla theme based?
Created attachment 8804701 [details] search safari.png Search box in Safari with focus. Blue box with padding.
Created attachment 8804715 [details] search firefox.png Search box in Firefox 49. No change on focus.
I see different behavior on three different browsers, but they all seem usable to me. If the box looks different for you, a screenshot would help.
Because every browser has different css for elements, if you wanna see same in all browsers so you should write custom css for this