Wt

Hello

Consider the following code:

auto topBox = std::make_unique<Wt::WcontainerWidget>();
auto topLayout = topBox->setLayout<Wt::WVBoxLayout>(std::make_unique<Wt::WVBoxLayout>());
//Add some widgets to topLayout ...
auto bottomBox = std::make_unique<Wt::WContainerWidget>();
auto bottomLayout = bottomBox->setLayout<Wt::WVBoxLayout>(std::make_unique<Wt::WVBoxLayout>());
auto bottomContents = bottomLayout->addLayout<Wt::WVBoxLayout>(std::make_unique<Wt::WVBoxLayout>(), 1, Wt::AlignmentFlag::Top);
bottomContents->setObjectName ("bottomContent");
bottomContents->setSpacing (50);
auto text = bottomContents->addWidget<Wt::WText> (std::make_unique<Wt::WText>(test), 1, Wt::AlignmentFlag::Center);
auto btn = bottomContents->addWidget<Wt::WPushButton>(std::make_unique<Wt::WPushButton>("register"), 0, Wt::AlignmentFlag::Center);

1-> When "bottomContents->setSpacing (50);" is added, topLayout and bottomLayout overlap. In fact, the margin-top value of bottomLayout becomes −25. After checking the FlexLayoutImpl.C file and commenting out the following codes:

Orientation elOrientation = flexImpl->getOrientation();
if (elOrientation == Orientation::Horizontal) {
m[3] -= (flexImpl->grid_.horizontalSpacing_) / 2;
m[1] -= (flexImpl->grid_.horizontalSpacing_ + 1) / 2;
} else {
m[0] -= (flexImpl->grid_.verticalSpacing_) / 2;
m[2] -= (flexImpl->grid_.horizontalSpacing_ + 1) / 2;
}

In the FlexLayoutImpl::createElement() method, the problem was solved. What is the purpose of these codes?

2-> It seems that m[2] -= (flexImpl->grid_.horizontalSpacing_ + 1) / 2 in the above code snippet is wrong and should be m[2] -= (flexImpl->grid_.verticalSpacing_ + 1) / 2; (In any case, I think all these lines are redundant.).

3-> The bottomContents->setObjectName ("bottomContent"); doesn't change the name of DOM element.

Overall, it seems that the Layout Manager implementation as flexbox is in beta as I have found several issues with it, especially when the application direction is rtl. I have filed a few bugs and PRs to fix them.