fixes

Author: jogibear9988

sample/index.html

@@ -22,6 +22,14 @@
         <node-projects-tab style="position: absolute; width: 300px; height: 300px;">
             <div header="Tab 1" style="background: red; display: none; height: 100%;" >Tab Content of Tab 1</div>
             <div header="Tab 2" style="background: green; display: none; height: 100%;">Tab Content of Tab 2</div>
+            <div header="Tab 1" style="background: red; display: none; height: 100%;" >Tab Content of Tab 1</div>
+            <div header="Tab 2" style="background: green; display: none; height: 100%;">Tab Content of Tab 2</div>
+            <div header="Tab 1" style="background: red; display: none; height: 100%;" >Tab Content of Tab 1</div>
+            <div header="Tab 2" style="background: green; display: none; height: 100%;">Tab Content of Tab 2</div>
+            <div header="Tab 1" style="background: red; display: none; height: 100%;" >Tab Content of Tab 1</div>
+            <div header="Tab 2" style="background: green; display: none; height: 100%;">Tab Content of Tab 2</div>
+            <div header="Tab 1" style="background: red; display: none; height: 100%;" >Tab Content of Tab 1</div>
+            <div header="Tab 2" style="background: green; display: none; height: 100%;">Tab Content of Tab 2</div>
         </node-projects-tab>
     </body>
 </html>

src/designer/TabPlacementService.ts

@@ -14,8 +14,8 @@ export default class TabPlacementService extends DefaultPlacementService {
                 i.removeStyle('position');
             if (i.hasStyle('width'))
                 i.removeStyle('width');
-            if (i.hasStyle('heigth'))
-                i.removeStyle('heigth');
+            if (i.hasStyle('height'))
+                i.removeStyle('height');
             if (i.hasStyle('left'))
                 i.removeStyle('left');
             if (i.hasStyle('top'))

src/tab/TabWebcomponent.ts

@@ -14,13 +14,20 @@ export class TabWebcomponent extends BaseCustomWebComponentConstructorAppend {
                 position: static;
             }
 
+            .tab-header-container::-webkit-scrollbar { 
+                display: none;
+            }
+
             .tab-header-container {
+                scrollbar-width: none;
                 height: 30px;
                 display: flex;
                 user-select: none; 
                 flex-direction: row; 
                 cursor: pointer; 
                 background: inherit;
+                white-space: nowrap;
+                overflow: auto;
             }
 
             .tab-header-container > div {