Safari issue with submitting selected options

[acetinick]

Describe the bug
Using safari we have strange issue with selects that have preselected options. New options are selected and submitted fine however for some reason the options selected when editting are submitted as blank values.

More strangely is that the HTML markup looks fine.

To Reproduce

• only with safari
• use a select with preselected option
• submit form

Expected behavior

• request params should contain value of selected input

Additional context

• safari 14.0.3, perhaps earlier versions too
• tom-select 1.7.5, but also have tried in prior versions and same

[martinbarilik]

Possibly connected to #98. Are you using latest 1.7.4 version ?

[oyejorge]

Hmm, I don't know what's going on there. I just tested on safari 14 and it worked fine (single select w/ a pre-selected value). Could it be a problem with the code you're using to serialize the form data before sending it over XHR?

[oyejorge]

P.S. If I could get a jsfiddle or similar that fails for you, I could test it on my safari.

[thomasklemm]

Seeing the same issue in Safari, will try to create a minimal reproduction for debugging.

• tom-select 1.7.6
• Safari 14.1.1

[thomasklemm]

Been able to reproduce this issue (or a similar looking one), here's a CodeSandbox: https://codesandbox.io/s/5okh7?file=/index.html // https://5okh7.csb.app/

I've recorded a 2min video about the unexpected behaviour in Safari using the CodeSandbox above: https://www.loom.com/share/0f70fd8d2dfe4bedb4d3c96be674bf61

For me the issue that the initially selected input value gets submitted happens when the select is marked as required. The select tag in @acetinick's example is also marked required, so maybe the issue is specific to selects marked as required.

[oyejorge]

Thanks so much for the CodeSandbox example! I can see the problem now, there are multiple <option> nodes with "selected".

[oyejorge]

Should be fixed now. I'll get a new release out shortly