Skip to content

TabWidget still doesnt work well with FlexLayout #240

Description

@feng8848

Describe the bug
import { QWidget, QMainWindow, FlexLayout, QTabWidget, QIcon } from './index';

const win = new QMainWindow();

const center = new QWidget();
const centerLayout = new FlexLayout();

const tabs = new QTabWidget();
const tab1 = new QWidget();
const tab1Left = new QWidget();
const tab1Right = new QWidget();

const icon = new QIcon();

center.setLayout(centerLayout);
centerLayout.addWidget(tabs);

tabs.addTab(tab1, icon, "Tab 1");

tab1.setLayout(new FlexLayout());

if (tab1.layout) {
tab1.layout.addWidget(tab1Left);
tab1.layout.addWidget(tab1Right);
}

tabs.setInlineStyle('flex:1;');

tab1.setInlineStyle('flex:1;flex-direction:"row";justify-content:"flex-start";align-items:"stretch";border:1px solid red;'); // align-items:"stretch"; doesnt work
tab1Left.setInlineStyle('width:250px;border:1px solid green;');
tab1Right.setInlineStyle('width:250px;border:1px solid blue;');

win.setCentralWidget(center);

win.resize(640, 480);

win.show();

(global as any).win = win;

To Reproduce
As above
Expected behavior
align-items:"stretch"; should work well

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: [Win]
  • NodeGUI 0.7.0
  • Win10 x64

Additional context
Add any other context about the problem here.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions