title: Workaround - Safari does not respect the hidden attribute on select > option elements
body: <p>I was developing an HTML form and realised that the behaviour of the select field was quite different on iOS Safari to other browsers (including several android based browsers).</p>
  <p>Safari mobile was ignoring the <code>hidden</code> attribute of my <code>option</code> elements, allowing the user to select placeholder values. While it's possible to set the <code>disabled</code> attribute which prevents the user from selecting them on iOS, this still shows those fields to the user, and it has to be handled with media queries as then the option elements are not shown at all (even as placeholders) in other browsers.</p>
  <p>I wanted a seamless universal solution. A bit of reading and experimentation indicated that Safari was actually stripping the hidden attribute and generating a popover from the <code>option</code>s.</p>
  <p>Of course, if the option tag isn't there, it can't generate a popover containing them...</p>