Tab in Textbox

[valve1023@gmail.com]

Hello

The rendering of textboxes or comboboxes with labels inside a tabs container is distorted.

The labels are either not visible or appearing overlapped.

Is there a way to fix this issue?

<smart-tabs class=”demoTabs” selected-index=”1″>
<smart-tab-item label=”TAB 1″>
<smart-text-box label=”1″></smart-text-box>
<smart-text-box label=”2″></smart-text-box>
<smart-combo-box label=”combo1″></smart-combo-box>
<smart-text-box label=”3″></smart-text-box>
<smart-text-box label=”4″></smart-text-box>
</smart-tab-item>
</smart-tabs>

[svetoslav_borislavov]

Hi,

This is happening because of the label’s position property.
You can fix this by applying margins where needed:
https://codepen.io/svetoslavb04/pen/eYQRzxj

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[Author]

Posts