Make the non-native TabWidget fill the parent size when not in layout

Fix slint-ui#2683
Mehrbod2002 · May 4, 2023 · df2f76a · df2f76a
1 parent 0726d22
commit df2f76a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,7 @@ All notable changes to this project are documented in this file.
 
  - Fixed missing items compilation error in the generated code related to public functions (#2655).
  - Added support for Window transparency on supported platform
+ - Fixed TabWidget not filling the parent in non-native style
 
 ### Slint Language
 

diff --git a/internal/compiler/widgets/fluent-base/std-widgets-base.slint b/internal/compiler/widgets/fluent-base/std-widgets-base.slint
@@ -337,7 +337,7 @@ export component GroupBox {
     }
 }
 
-export component TabWidgetImpl  {
+export component TabWidgetImpl inherits Rectangle {
     out property <length> content-x: 0;
     out property <length> content-y: root.tabbar-preferred-height;
     out property <length> content-height: root.height - root.tabbar-preferred-height;
@@ -524,8 +524,8 @@ component StandardListViewBase inherits ListView {
             width: parent.width;
             height: parent.height;
 
-            clicked => { 
-                set-current-item(idx);    
+            clicked => {
+                set-current-item(idx);
             }
         }
     }
@@ -540,7 +540,7 @@ component StandardListViewBase inherits ListView {
         if(current-item-y < 0) {
             self.viewport-y += 0 - current-item-y;
         }
-        
+
         if(current-item-y + item-height > self.visible-height) {
             self.viewport-y -= current-item-y + item-height - self.visible-height;
         }

diff --git a/internal/compiler/widgets/material-base/widget-tabwidget.slint b/internal/compiler/widgets/material-base/widget-tabwidget.slint
@@ -4,7 +4,7 @@
 
 import { md } from "md.slint";
 
-export component TabWidgetImpl {
+export component TabWidgetImpl inherits Rectangle {
     out property <length> content-x: 0;
     out property <length> content-y: root.tabbar-preferred-height;
     out property <length> content-height: root.height - root.tabbar-preferred-height;