Select option incorrectly shown on mobile device

Wappler Version : 4.6.0
Operating System :
Server Model:
Database Type:
Hosting Type:

Expected behavior

The following code should not ever display the third option

<select id="select1" class="form-select">
    <option value="1">Option One</option>
    <option value="2">Option Two</option>
    <option value="3" dmx-show="1==2">Option Three</option>
</select>

Actual behavior

It is incorrectly an option when using an iPhone

but correctly does not show on desktop
Screen Shot 2022-02-17 at 10.15.27 AM

The dmx-show is just a css visibility toggle. Seems that might be buggy in safari when you want to toggle separate options from a list.

However a much better approach will be to dynamically load just the options you want instead of toggling their visibility. Just use the select data source option.

Seems it is a safari bug for a while now: