Closed sergeynilov closed 3 years ago
Just fixed the error, my bad. didn't realiszed v-for and non v-for slots giving different result. npm update vue3-tabs or yarn upgrade vue3-tabs update to v0.1.9
Let me know if the issue still there thanks
Thanks! With v0.1.9 it works ok. But setting some text inside a tab panel, like :
<div>
<input type="text" value="test text">
</div>
<p>Lorem <strong>ipsum dolor sit</strong> amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis <strong>nostrud exercitation</strong> ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<p>Lorem ipsum dolor sit amet, <strong>consectetur adipiscing elit</strong>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <i>Excepteur sint occaecat</i> cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<ul>
<li>Lorem 1st point </li>
<li>Lorem 2nd point </li>
<li>Lorem 3rd point </li>
</ul>
<p>Lorem ipsum dolor sit amet, <strong>consectetur adipiscing elit</strong>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <i>Excepteur sint occaecat</i> cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</tab-panel>
I see that I can not select any text inside a tab panel : https://imgur.com/a/qzoCaRZ
I checked “Inspect” of my browser and it does not see feature of my design...
these two styles make it unable to select, remove it if u want to select text -webkit-user-select: none; -moz-user-select: none;
/* disable select highlight */
.tab-panels {
-webkit-user-select: none;
-moz-user-select: none;
border: 2px dotted blue;
}
Thanks!It works in this way.
Hello, In @vue/cli app I try to use vue3-tabs component without tabs array definition, as inside of any tab-panel I would have other components and I got error :
and my vue file:
as result first tab is active and I can not open the second tab. What is wrong ?
Thanks!