[Bug]: "false" popup placement due to `select` DOM-element

[geromequa]

Bug description

The browser, understandably, renders the information popup relative the the select HTML element that has the required attribute. Tomselect makes this select element 0x0-sized and invisible. The tooltip is therefore placed height of select many pixels below the input field.

Expected behavior

Tooltip is placed directly below input field, without height of select element affecting it.

Steps to reproduce

1. Go to https://tom-select.js.org/examples/validation/ -> Browser Defaults

2. Click on Submit without selecting an entry from the dropdown

3. See error: tooltip is placed right below select element with class tomselected ...

Additional context

• OS: Linux Fedora
• Browser: Firefox
• Version [e.g. 22]
• Device: Framework 13 13th Gen Intel i5

[xJuvi]

Hey there,

in your linked ticket you propose a quick fix:

.tomselected {
    height: 38px;
}

This seems to be working in Desktop Browser. On my iPhone (Safari Browser) the tooltip is completely overlaying the input field. Do you have for this behavior also a fix?

Kind regards