A free and open source framework for building powerful, fast, elegant 2D and 3D apps that run on macOS, Windows, Linux, iOS, Android, and the web with a single Go codebase, allowing you to Code Once, Run Everywhere.
Switch to responsive design mode in the browser (ctrl+shift+m for Firefox or ctrl+shift+i for Chrome)
Scroll to the example toolbar with 30 items that demonstrates the overflow menu
Set the browser's responsive design screen size width to 1450
Start increasing the pixel width 1 at a time by hitting the up arrow until you observe there are certain widths for which there is no overflow menu icon shown [^1]
[^1]: For me, on a 1440p display, this happens on Firefox at 1456 through 1463 and on Chrome at 1482 through 1487. It appears to happen when the width is just wide enough to show another button, but not also the overflow menu icon itself. The code probably needs to account with the width of both as well as the spacing when determining when to display the overflow menu.
Example code
tb := core.NewToolbar(b)
tb.Maker(func(p *tree.Plan) {
for i := range 30 {
tree.AddAt(p, strconv.Itoa(i), func(w *core.Button) {
w.SetText("Button "+strconv.Itoa(i))
})
}
})
tb2 := core.NewToolbar(b)
tb2.Styler(func(s *styles.Style) {
s.Max.X.Em(10)
})
tb2.Maker(func(p *tree.Plan) {
for i := range 30 {
tree.AddAt(p, strconv.Itoa(i), func(w *core.Button) {
w.SetText("Button "+strconv.Itoa(i))
})
}
})
Describe the bug
The overflow menu icon for toolbars that overflow does not render for certain widths.
Also, perhaps I should make it a separate issue, but the overflow menu also doesn't show when the toolbar width is limited via a
Styler
.How to reproduce
[^1]: For me, on a 1440p display, this happens on Firefox at 1456 through 1463 and on Chrome at 1482 through 1487. It appears to happen when the width is just wide enough to show another button, but not also the overflow menu icon itself. The code probably needs to account with the width of both as well as the spacing when determining when to display the overflow menu.
Example code
Relevant output
No response
Platform
Web