- Open https://en.m.wikipedia.org/wiki/Main_Page
- Look at search bar.
- Click/Focus it.
Upon focussing, an odd sequence commences:
- The text and magnify icon become blurred. This is a side-effect of the whole page fading out. The fade-out makes sense for the page content (which fades "away"), but less so for the search bar itself which is not meant to go away but immediately comes back in faded form.
- The search box shrinks. This appears to be a side-effect of the blue border applying to the inside of the box, instead of to the outside of the box. This might be due to the border width not being transparently reserved ahead of time, or due to incorrect box-modeluse.
- The magnify icon moves to the right.
- The placeholder text moves down and to the right, possibly also shrinking a littte, or maybe it just looks that way.
I found this experience nausiating and actually hurting my eyes. (Not in euphemism sense of design likability but literally: it hurts my eyes, as someone sensitive to bright screens and blurred/moving text).
