Why does Safari 10.1.2 still show hidden (display: none) items in select?

Question

css

Good time of the year!
Why does Safari 10.1.2 still show hidden ( display: none) items in select? The question is quite interesting, especially considering that this is almost the same WebKit as in other browsers (and it works there as it should). Also, there are no problems with this in the latest FireFox.
It's written in styles option:disabled {display: none;}.
Let me explain “why do I need this”: I am making a complex form on Vue.js, where each next field depends on the selected value from the optionprevious field. There is Select2, you say - yes, there is, but I also need all the selected values, and not just the last one, as this plugin does. In view of this, and not finding another option to hide everything optionwith the attributedisabled, which do not fit the current slice-selection - I decided to ask here :)
Delete and add back through JS (through el.remove(), for example) - will not work, because for the reverse action (adding to selectremote option) you will need to re-update all the fields that were selected previously. After all, all the points of selectall fields are taken from a third-party API (JSON).
Tell me what can be done about it?

Answer 1

css will not help in this case, try or you can use something similar to select2 or chosen