Skip to content

Commit d01ff04

Browse files
Gustedlunny
authored and
Sysoev, Vladimir
committed
Don't prevent overflow on y-as (go-gitea#19978)
- Fomantic tries to prevent overflowing on the `y/x`-as by default on stackable menu's on mobile screens. We already solve this issue by forcing overflow on x as and hide it on y as(due to some issues with other menu's), since go-gitea#19486. - However this edge case does require a y-overflow to show the dropdown, because you cannot easily adjust this with CSS, once you're fiddling with overflow's (https://stackoverflow.com/a/6433475). However interesting behavior is noted https://css-tricks.com/popping-hidden-overflow/ when you remove the position: relative, it will suddenly work again. Well because this is the only solution without redesigning dropdowns, I think we can live with the side-effect of the dropdown items being full-width instead "relative" width to their parent. - Resolves go-gitea#19976 Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com>
1 parent d6dae9f commit d01ff04

File tree

1 file changed

+4
-0
lines changed

1 file changed

+4
-0
lines changed

web_src/less/_base.less

+4
Original file line numberDiff line numberDiff line change
@@ -2200,5 +2200,9 @@ table th[data-sortt-desc] {
22002200
.item {
22012201
width: initial !important;
22022202
}
2203+
2204+
> .dropdown.item {
2205+
position: initial;
2206+
}
22032207
}
22042208
}

0 commit comments

Comments
 (0)