alpheios-project / arethusa

Arethusa: Annotation Environment
http://sosol.perseids.org/tools/arethusa
MIT License
34 stars 26 forks source link

Morphology check box is out of focus in Firefox #823

Closed zfletch closed 3 years ago

zfletch commented 4 years ago

Bug originally reported by @monzug in https://github.com/perseids-publications/treebank-template/issues/55

The check box in the morph tab of the sidebar is out of focus on Firefox (the issue is more noticeable on FF for Windows, but it happens with FF on other platforms to a lesser extent).

It looks like the issue is caused by a CSS transform (-moz-transform: scale(1.6);) combined with an issue in Firefox where check boxes don't scale correctly. (Possibly tracked here or here). The reason that the transform is there in the first place is because Firefox doesn't render the checkbox as large as other browsers do given the styling width: 1.3rem; height: 1.3rem;.

90265092-12907c00-de20-11ea-8840-05a326eca28c

balmas commented 3 years ago

I think we won't fix this here. The display of morph is handled differently in the react viewer.