dotnetcore/BootstrapBlazor

Layout 的多标签模式,当标签超过屏幕宽度不会自动右移

Closed this issue · 1 comments

Discussed in #3758

Originally posted by gudufy June 29, 2024

Is there an existing issue for this?

  • I have searched the existing issues

Describe the bug

微信截图_20240629070236
还有个问题就是同样的url,参数不同则会生成多个tab,比如/users和/users?a=3会生成两个tab,能否控制不同参数都在一个tab里显示?

Expected Behavior

1.当标签超过屏幕宽度自动右移,且增加鼠标滚轮控制左右移动
2.同一个url不同参数都在一个tab里显示

Steps To Reproduce

在简约项目里打开多标签模式,然后增加以下tab
var menus = new List<MenuItem> { new() { Text = "Index", Icon = "fa-solid fa-fw fa-flag", Url = "/" , Match = NavLinkMatch.All}, new() { Text = "Counter", Icon = "fa-solid fa-fw fa-check-square", Url = "/counter" }, new() { Text = "Weather", Icon = "fa-solid fa-fw fa-database", Url = "/weather" }, new() { Text = "Table", Icon = "fa-solid fa-fw fa-table", Url = "/table" }, new() { Text = "花名册", Icon = "fa-solid fa-fw fa-users", Url = "/users" }, new() { Text = "Index", Icon = "fa-solid fa-fw fa-flag", Url = "/?a=1" , Match = NavLinkMatch.All}, new() { Text = "Counter", Icon = "fa-solid fa-fw fa-check-square", Url = "/counter?a=1" }, new() { Text = "Weather", Icon = "fa-solid fa-fw fa-database", Url = "/weather?a=1" }, new() { Text = "Table", Icon = "fa-solid fa-fw fa-table", Url = "/table?a=1" }, new() { Text = "花名册", Icon = "fa-solid fa-fw fa-users", Url = "/users?a=1" }, new() { Text = "Index", Icon = "fa-solid fa-fw fa-flag", Url = "/?a=2" , Match = NavLinkMatch.All}, new() { Text = "Counter", Icon = "fa-solid fa-fw fa-check-square", Url = "/counter?a=2" }, new() { Text = "Weather", Icon = "fa-solid fa-fw fa-database", Url = "/weather?a=2" }, new() { Text = "Table", Icon = "fa-solid fa-fw fa-table", Url = "/table?a=2" }, new() { Text = "花名册", Icon = "fa-solid fa-fw fa-users", Url = "/users?a=2" }, new() { Text = "Index", Icon = "fa-solid fa-fw fa-flag", Url = "/?a=3" , Match = NavLinkMatch.All}, new() { Text = "Counter", Icon = "fa-solid fa-fw fa-check-square", Url = "/counter?a=3" }, new() { Text = "Weather", Icon = "fa-solid fa-fw fa-database", Url = "/weather?a=3" }, new() { Text = "Table", Icon = "fa-solid fa-fw fa-table", Url = "/table?a=3" }, new() { Text = "花名册", Icon = "fa-solid fa-fw fa-users", Url = "/users?a=3" } };

Exceptions (if any)

No response

.NET Version

.net 8

Anything else?

vs 2022

@ArgoZhang Thank you for reporting. We will give triage later.