Since the Safari 11 checkboxes for Mac (and links / other click events) are not available when placed in <legend>, does anyone know of a workaround? There is a demo in the JS script, neither the flag can be checked, nor the click firing. Both work in Safari 10.2, but not in Safari 11. Also, when I set the legend to position: relative, the legend disappears. Setting the set of fields from overflow: hiddento overflow: visibleseems to work, but I would like to keep it hidden, as this may have other consequences in other browsers. Thank!
Codepen Demo
source
share