title: Safari 11 Bug Fieldset-Legend with Overflow Hidden and Click
body: <p>Since Safari 11 for Mac checkboxes (and links/other click-events) are inaccessible when placed in a <code>&lt;legend&gt;</code>, does anyone know of a workaround? JS fiddle contains a demo, neither the checkbox can be checked, nor the click-event fires. Both work in Safari 10.2, but not in Safari 11. Also when I set the legend to <code>position: relative</code> the legend disappears. Setting the fieldset from <code>overflow: hidden</code> to  <code>overflow: visible</code> seems to work, but I'd like to keep it hidden, as this could have other consequences in other browsers. Thanks!</p>
  
  <p><a href="https://codepen.io/xyb/pen/KXMyMK" rel="nofollow noreferrer">Codepen Demo</a></p>