storybook 自定义选项卡无法访问全屏切换按钮,

tsm1rwdh  于 3个月前  发布在  其他
关注(0)|答案(8)|浏览(54)

描述bug

Canvas选项卡有一个按钮可以切换全屏(以及其他功能)。切换到文档或自定义选项卡时,这些选项卡不会显示(我也没有找到添加它们的方法)。
这可能导致用户在文档选项卡中无法退出全屏模式。

重现问题

重现此行为所需的步骤:

  1. 转到 a storybook page
  2. 点击“全屏按钮(或按F键)”
  3. 点击文档选项卡
    请注意,除非知道键盘快捷键或返回Canvas选项卡,否则无法从任何页面选项卡退出全屏模式。

预期行为

用户可以从任何页面选项卡进入/退出全屏模式。

截图

oknwwptz

oknwwptz1#

对于这个问题,最好的解决方案是什么?
在文档选项卡中添加全屏切换按钮?当用户导航到文档页面时以编程方式退出全屏?
还有其他建议吗?

4smxwvx5

4smxwvx52#

短期内,我建议将前三个图标显示在所有标签页上,因为我们创建了一个自定义标签页,这当然也会从全屏模式中受益(所以退出全屏听起来很烦人)。
长期来看,如果能自定义整个图标栏就更好了,可以使用默认按钮或添加自定义按钮。

siv3szwd

siv3szwd3#

哎呀!我刚刚发布了https://github.com/storybookjs/storybook/releases/tag/v6.1.0-alpha.28,其中包含PR #12861,该PR引用了此问题。今天升级到@next NPM标签以尝试它!

npx sb upgrade --prerelease

关闭此问题。如果您认为还有更多工作要做,请重新打开。

x33g5p2x

x33g5p2x4#

你们真是有心灵感应!

nbysray5

nbysray55#

@shilman 哦,糟糕...自定义选项卡怎么样?我假设目前他们只会显示故事/文档选项卡。

lrpiutwd

lrpiutwd6#

@shilman ,我将标题更改为特别指出“自定义”选项卡...我们能重新打开这个吗?

ebdffaop

ebdffaop7#

确认,已安装的预发布版本和文档中的关闭按钮,但我们的自定义选项卡中没有。

7xllpg7q

7xllpg7q8#

大家好!最近似乎没有太多关于这个问题的进展。如果还有问题、评论或错误,请随时继续讨论。遗憾的是,我们没有时间处理每一个问题。我们始终欢迎贡献,所以如果你想帮忙,请发送一个pull request。30天后未活跃的问题将被关闭。谢谢!

相关问题