Skip to Content (Press Enter)
2022-05-31 12-16-25
Sebastian Lund
115Views
3Comments
Solved
[OutSystems UI] Weird Tab behavior after outsystems UI update
Question
Component
Forge
OutSystems UI
outsystems-ui
Reactive icon
OutSystems UI (O11)
Forge asset by OutSystems

After a recent outsystems UI update, some behavior with tabs content have changed. When margin is changed around the container with tabs inside, neighboring tabs are shown to the left or right if existing. 

The bug can be replicated by navigating to tab 2 or 3 and adding increasing margin

See attached pictures and OML.

Before increasing margin on tab 2:

After increasing margin on tab 2:

OSTabsBugs.oml
3
0
28 Apr 2023
Copy Link
2019-07-01 15-21-53
b.marcelino
Solution

Hi @Sebastian Lund 

Thanks for your heads up on this issue. We already added this to our backlog to fix it by default.

Meanwhile, you can use this CSS snippet as workaround:

.osui-tabs__content {
     scroll-snap-type:x mandatory;
}

Thanks

See solution in context
3
0
28 Apr 2023
Copy Link
2022-05-31 12-16-25
Sebastian Lund

Thanks, that solved the problem

0
0
28 Apr 2023
Copy Link
2021-09-06 15-09-53
Dorine Boudry
 
MVP

yes,

can confirm problem is introduced with version 2.15.0, in version 2.14.0 this doesn't happen.

similar problem also introduced in 2.15.0 : this post

Dorine

1
0
28 Apr 2023
Copy Link
2019-07-01 15-21-53
b.marcelino
Solution

Hi @Sebastian Lund 

Thanks for your heads up on this issue. We already added this to our backlog to fix it by default.

Meanwhile, you can use this CSS snippet as workaround:

.osui-tabs__content {
     scroll-snap-type:x mandatory;
}

Thanks

3
0
28 Apr 2023
Copy Link
2022-05-31 12-16-25
Sebastian Lund

Thanks, that solved the problem

0
0
28 Apr 2023
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.