跳到内容
新问题

对这个项目有疑问吗?注册一个免费的GitHub帐户以打开一个问题,并联系其维护者和社区。

单击“注册GitHub”,表示您同意我们的服务条款隐私声明。我们偶尔会向您发送与帐户相关的电子邮件。

已经在GitHub上了?登录到您的帐户

导航块:从“选择菜单”中选择一个选项后,在块重新渲染后聚焦 #40390

已合并
将3个提交合并到
2022年4月19日

对话

阿勒克斯汀
复制链接
贡献者

@阿勒克斯汀 阿勒克斯汀 评论2022年4月15日

什么?

的一部分#38169

为什么?

无障碍性很重要。

怎么用?

我跟踪useCallback的状态,然后在菜单更新完成后触发useEffect。

测试说明

  1. 打开文章或页面。
  2. 插入导航块。
  3. 添加一些菜单。
  4. 在块工具栏上,选择“选择菜单”按钮。
  5. 选择已创建的菜单。
  6. 请注意焦点是如何保持在按钮上的。

屏幕截图或屏幕广播

@阿勒克斯汀 阿勒克斯汀补充[类型]增强功能 改进建议。 [焦点]可访问性(a11y) 影响可访问性并需要相应审查的更改(例如标记更改)。 [Package]块库 /包/块库 需要辅助功能反馈 需要可访问性的输入 [块]导航 影响导航块 [a11y]键盘和焦点标签2022年4月15日
//菜单选择后的焦点支持。
使用效果(()=>{
如果(
isDraftNavigation菜单||
复制链接
贡献者 作者

选择隐藏此评论的原因

将显示原因,以便向其他人描述此评论。了解更多信息.

不应该专注于草案吗?

复制链接
贡献者

选择隐藏此评论的原因

将显示原因,以便向其他人描述此评论。了解更多信息.

我不知道这个草稿变量实际上有什么作用。我不久前介绍过它,后来有人无意中把它弄坏了,现在我想它永远也不会是了真的直到很久以后我才注意到它坏了。

我不确定现在的情况。我可能会整理一份公关来删除它😄

使用效果(()=>{
如果(
isDraftNavigation菜单||
! 实体可用||
复制链接
贡献者 作者

选择隐藏此评论的原因

将显示原因,以便向其他人描述此评论。了解更多信息.

如果菜单不可用,不要尝试聚焦。

如果(
isDraftNavigation菜单||
! 实体可用||
! 应该聚焦导航选择器
复制链接
贡献者 作者

选择隐藏此评论的原因

将显示原因,以便向其他人描述此评论。了解更多信息.

该状态不应为假。如果是真的,那意味着导航菜单已经更新,我现在应该尝试聚焦。

回报;
}
导航选择器参考?。电流?。焦点();
setShouldFocusNavigationSelector(false);
复制链接
贡献者 作者

选择隐藏此评论的原因

将显示原因,以便向其他人描述此评论。了解更多信息.

将其重置为false,这样该效果将停止发射。

}, [
isDraftNavigation菜单,
实体可用,
应该聚焦导航选择器,
复制链接
贡献者 作者

选择隐藏此评论的原因

将显示原因,以便向其他人描述此评论。了解更多信息.

我不知道如何正确检测这一点,因为在useCallback中调用它太早了。我需要确保工具栏能够获得焦点。

@阿勒克斯汀 阿勒克斯汀更改了标题导航块:从选择菜单中选择一个选项后,在重新渲染块后聚焦 导航块:从“选择菜单”中选择一个选项后,在块重新渲染后聚焦 2022年4月15日
@github-操作
复制链接

github-操作 机器人程序 评论2022年4月15日

尺寸变化:+440亿(0%)

总大小:1.23 MB

文件名 大小 更改
build/block-library/index.min.js 175千字节 +440亿(0%)
ℹ️查看未更改
文件名 大小
构建/a11y/index.min.js 993亿
build/admin-manifest/index.min.js 1.24千字节
build/annotations/index.min.js 2.77千字节
构建/api-fetch/index.min.js 2.27千字节
构建/auto/index.min.js 2.15千字节
build/blob/index.min.js 487亿
build/block-directory/index.min.js 6.51千巴
构建/块目录/样式-rtl.css 1.01千字节
构建/块目录/样式.css 1.01千字节
构建/块编辑器/默认编辑器样式-rtl.css 378亿
构建/块编辑器/默认编辑器样式.css 378亿
构建/块编辑器/index.min.js 150千字节
build/block-editor/style-rtl.css 15.7千字节
构建/块编辑器/样式.css 15.6千字节
build/block-library/blocks/archives/editor-rtl.css 61亿
build/block-library/blocks/archives/editor.css 60亿
build/block-library/blocks/archives/style-rtl.css 65亿
build/block-library/blocks/archives/style.css 65亿
build/block-library/blocks/audio/editor-rtl.css 150亿
build/block-library/blocks/audio/editor.css 150亿
build/block-library/blocks/audio/style-rtl.css 111亿
build/block-library/blocks/audio/style.css 111亿
构建/block-library/blocks/audio/theme-rtl.css 125亿
构建/block-library/blocks/audio/theme.css 125亿
build/block-library/blocks/avatar/editor-rtl.css 116亿
build/block-library/blocks/avatar/editor.css 116亿
build/block-library/blocks/avatar/style-rtl.css 59亿
build/block-library/blocks/avatar/style.css 59亿
build/block-library/blocks/block/editor-rtl.css 161亿
build/block-library/blocks/block/editor.css 161亿
build/block-library/blocks/button/editor-rtl.css 445亿
build/block-library/blocks/button/editor.css 445亿
build/block-library/blocks/button/style-rtl.css 560亿
build/block-library/blocks/button/style.css 560亿
build/block-library/blocks/buttons/editor-rtl.css 292亿
build/block-library/blocks/buttons/editor.css 292亿
build/block-library/blocks/buttons/style-rtl.css 275亿
build/block-library/blocks/buttons/style.css 275亿
build/block-library/blocks/calendar/style-rtl.css 207亿
build/block-library/blocks/calendar/style.css 207亿
build/block-library/blocks/categories/editor-rtl.css 84亿
build/block-library/blocks/categories/editor.css 83亿
build/block-library/blocks/categories/style-rtl.css 79亿
build/block-library/blocks/categories/style.css 79亿
build/block-library/blocks/code/style-rtl.css 103亿
build/block-library/blocks/code/style.css 103亿
build/block-library/blocks/code/theme-rtl.css 124亿
build/block-library/blocks/code/theme.css 124亿
build/block-library/blocks/columns/editor-rtl.css 108亿
build/block-library/blocks/columns/editor.css 108亿
build/block-library/blocks/columns/style-rtl.css 406亿
build/block-library/blocks/columns/style.css 406亿
build/block-library/blocks/comment-author-avatar/editor-rtl.css 125亿
build/block-library/blocks/comment-author-avatar/editor.css 125亿
build/block-library/blocks/comment-template/style-rtl.css 127亿
build/block-library/blocks/comment-template/style.css 127亿
build/block-library/blocks/comments-pagination-numbers/editor-rtl.css 123亿
build/block-library/blocks/comments-pagination-numbers/editor.css 121亿
build/block-library/blocks/comments-pagination/editor-rtl.css 222亿
build/block-library/blocks/comments-pageination/editor.css 209亿
build/block-library/blocks/comments-pagination/style-rtl.css 235亿
build/block-library/blocks/comments-pageination/style.css 231亿
build/block-library/blocks/comments-query-loop/editor-rtl.css 95亿
build/block-library/blocks/comments-query-loop/editor.css 95亿
构建/块库/blocks/cover/editor-rtl.css 546亿
build/block-library/blocks/cover/editor.css 547亿
build/block-library/blocks/cover/style-rtl.css 1.56千字节
build/block-library/blocks/cover/style.css 1.56千字节
build/block-library/blocks/embed/editor-rtl.css 293亿
build/block-library/blocks/embed/editor.css 293亿
build/block-library/blocks/embed/style-rtl.css 417亿
build/block-library/blocks/embed/style.css 417亿
build/block-library/blocks/embed/theme-rtl.css 124亿
build/block-library/blocks/embed/theme.css 124亿
build/block-library/blocks/file/editor-rtl.css 300亿
build/block-library/blocks/file/editor.css 300亿
build/block-library/blocks/file/style-rtl.css 255亿
build/block-library/blocks/file/style.css 255亿
build/block-library/blocks/file/view.min.js 353亿
build/block-library/blocks/freeform/editor-rtl.css 2.44千字节
build/block-library/blocks/freeform/editor.css 2.44千字节
build/block-library/blocks/galletry/editor-rtl.css 961亿
build/block-library/blocks/galletry/editor.css 964亿
build/block-library/blocks/gallower/style-rtl.css 1.51千字节
build/block-library/blocks/gallower/style.css 1.51千字节
build/block-library/blocks/gallower/theme-rtl.css版本 122亿
build/block-library/blocks/gallery/主题.css 122亿
build/block-library/blocks/group/editor-rtl.css 333亿
build/block-library/blocks/group/editor.css 333亿
build/block-library/blocks/group/style-rtl.css 57亿
build/block-library/blocks/group/style.css 57亿
构建/block-library/blocks/group/theme-rtl.css 78亿
构建/块-库/块/组/主题.css 78亿
build/block-library/blocks/heading/style-rtl.css 76亿
build/block-library/blocks/heading/style.css 76亿
build/block-library/blocks/html/editor-rtl.css 332亿
build/block-library/blocks/html/editor.css 333亿
build/block-library/blocks/image/editor-rtl.css 731亿
build/block-library/blocks/image/editor.css 730亿
build/block-library/blocks/image/style-rtl.css 529亿
build/block-library/blocks/image/style.css 535亿
构建/block-library/blocks/image/theme-rtl.css 124亿
构建/block-library/blocks/image/theme.css 124亿
build/block-library/blocks/latest-comments/style-rtl.css 284亿
构建/块库/blocks/latest comments/style.css 284亿
build/block-library/blocks/platest-posts/editor-rtl.css 199亿
构建/块库/blocks/latest posts/editor.css 198亿
build/block-library/blocks/platest-posts/style-rtl.css 447亿
build/block-library/blocks/platest-posts/style.css 446亿
build/block-library/blocks/list/style-rtl.css 88亿
build/block-library/blocks/list/style.css 88亿
build/block-library/blocks/media-text/editor-rtl.css 266亿
build/block-library/blocks/media-text/editor.css 263磅
build/block-library/blocks/media-text/style-rtl.css 493亿
build/block-library/blocks/media-text/style.css 490亿
build/block-library/blocks/more/editor-rtl.css 431亿
build/block-library/blocks/more/editor.css 431亿
build/block-library/blocks/navigation-link/editor-rtl.css 708亿
build/block-library/blocks/navigation-link/editor.css 706亿
build/block-library/blocks/navigation-link/style-rtl.css 115亿
build/block-library/blocks/navigation-link/style.css 115亿
build/block-library/blocks/navigation-submenu/editor-rtl.css 299亿
build/block-library/blocks/navigation-submenu/editor.css 299亿
build/block-library/blocks/navigation-submenu/view.min.js 375亿
build/block-library/blocks/navigation/editor-rtl.css 2.03千字节
build/block-library/blocks/navigation/editor.css 2.04千字节
build/block-library/blocks/navigation/style-rtl.css 1.93千字节
build/block-library/blocks/navigation/style.css 1.92千字节
build/block-library/blocks/navigation/view-modal.min.js 2.65千字节
build/block-library/blocks/navigation/view.min.js 395亿
build/block-library/blocks/nextpage/editor-rtl.css 395亿
build/block-library/blocks/nextpage/editor.css 395亿
build/block-library/blocks/page-list/editor-rtl.css 363亿
build/block-library/blocks/page-list/editor.css 363亿
build/block-library/blocks/page-list/style-rtl.css 175亿
build/block-library/blocks/page-list/style.css 175亿
build/block-library/blocks/pragment/editor-rtl.css 157亿
build/block-library/blocks/pragment/editor.css 157亿
build/block-library/blocks/pragment/style-rtl.css 260亿
build/block-library/blocks/pragment/style.css 260亿
build/block-library/blocks/post-author/style-rtl.css 175亿
build/block-library/blocks/post-author/style.css 176亿
build/block-library/blocks/post-comments-form/style-rtl.css 446亿
build/block-library/blocks/post-comments-form/style.css 446亿
build/block-library/blocks/post-comments/style-rtl.css 521磅
build/block-library/blocks/post-comments/style.css 521亿
build/block-library/blocks/post-extract/editor-rtl.css 73亿
build/block-library/blocks/post-extract/editor.css 73亿
build/block-library/blocks/post-extract/style-rtl.css 69亿
build/block-library/blocks/post-extract/style.css 69亿
build/block-library/blocks/post-featured-image/editor-rtl.css 721亿
build/block-library/blocks/post-featured-image/editor.css 721亿
build/block-library/blocks/post-featured-image/style-rtl.css 153亿
build/block-library/blocks/post-featured-image/style.css 153亿
build/block-library/blocks/post-template/editor-rtl.css 99亿
build/block-library/blocks/post-template/editor.css 98亿
build/block-library/blocks/post-template/style-rtl.css 323亿
build/block-library/blocks/post-template/style.css 323亿
build/block-library/blocks/post-terms/style-rtl.css 73亿
构建/块库/blocks/post-terms/style.css 73亿
build/block-library/blocks/post-title/style-rtl.css 80亿
build/block-library/blocks/post-title/style.css 80亿
build/block-library/blocks/preactatted/style-rtl.css 103亿
build/block-library/blocks/preactatted/style.css 103亿
build/block-library/blocks/pullquote/editor-rtl.css 198亿
build/block-library/blocks/pullquote/editor.css 198亿
build/block-library/blocks/pullquote/style-rtl.css 370亿
build/block-library/blocks/pullquote/style.css 370亿
build/block-library/blocks/pullquote/theme-rtl.css 167亿
构建/block-library/blocks/pullquote/theme.css 167亿
build/block-library/blocks/query-pagination-numbers/editor-rtl.css 122亿
build/block-library/blocks/query-pagination-numbers/editor.css 121亿
build/block-library/blocks/query-pagination/editor-rtl.css 221亿
build/block-library/blocks/query-pagination/editor.css 211亿
build/block-library/blocks/query-pagination/style-rtl.css 234亿
build/block-library/blocks/query-pagination/style.css 231亿
build/block-library/blocks/query/editor-rtl.css 369亿
build/block-library/blocks/query/editor.css 369亿
build/block-library/blocks/quote/style-rtl.css 213亿
构建/块库/blocks/quote/style.css 213亿
build/block-library/blocks/quote/theme-rtl.css 223亿
构建/block-library/blocks/quote/theme.css 226亿
build/block-library/blocks/read-more/style-rtl.css 132亿
build/block-library/blocks/read-more/style.css 132亿
build/block-library/blocks/rss/editor-rtl.css 202亿
build/block-library/blocks/rss/editor.css 204亿
构建/块库/blocks/rss/style-rtl.css 289亿
build/block-library/blocks/rss/style.css 288亿
build/block-library/blocks/search/editor-rtl.css 165亿
build/block-library/blocks/search/editor.css 165亿
build/block-library/blocks/search/style-rtl.css 397亿
build/block-library/blocks/search/style.css 398亿
构建/block-library/blocks/search/theme-rtl.css 64亿
构建/block-library/blocks/search/theme.css 64亿
build/block-library/blocks/seleparator/editor-rtl.css 140亿
build/block-library/blocks/seleparator/editor.css 140亿
build/block-library/blocks/seleparater/style-rtl.css 233亿
build/block-library/blocks/seleparater/style.css 233亿
build/block-library/blocks/seleparater/theme-rtl.css 194亿
build/block-library/blocks/seleparater/theme.css 194亿
build/block-library/blocks/shortcode/editor-rtl.css 474亿
构建/块库/blocks/shortcode/editor.css 474亿
build/block-library/blocks/site-logo/editor-rtl.css 759亿
build/block-library/blocks/site-logo/editor.css 759亿
build/block-library/blocks/site-logo/style-rtl.css 181亿
build/block-library/blocks/site-logo/style.css 181亿
build/block-library/blocks/site-tagline/editor-rtl.css 86亿
build/block-library/blocks/site-tagline/editor.css 86亿
build/block-library/blocks/site-title/editor-rtl.css 84亿
build/block-library/blocks/site-title/editor.css 84亿
build/block-library/blocks/social-link/editor-rtl.css 177亿
build/block-library/blocks/social-link/editor.css 177亿
build/block-library/blocks/social-links/editor-rtl.css 674亿
build/block-library/blocks/social-links/editor.css 673亿
build/block-library/blocks/social-links/style-rtl.css 1.37千字节
build/block-library/blocks/social-links/style.css 1.36千字节
build/block-library/blocks/spacer/editor-rtl.css 332亿
build/block-library/blocks/spacer/editor.css 332亿
build/block-library/blocks/spacer/style-rtl.css 48亿
build/block-library/blocks/spacer/style.css 48亿
build/block-library/blocks/table/editor-rtl.css 504亿
build/block-library/blocks/table/editor.css 504亿
build/block-library/blocks/table/style-rtl.css 625亿
build/block-library/blocks/table/style.css 625亿
build/block-library/blocks/table/theme-rtl.css 188亿
构建/block-library/blocks/table/theme.css 188亿
build/block-library/blocks/tag-cloud/style-rtl.css 226亿
build/block-library/blocks/tag-cloud/style.css 227亿
build/block-library/blocks/template-part/editor-rtl.css 149亿
build/block-library/blocks/template-part/editor.css 149亿
build/block-library/blocks/template-part/theme-rtl.css 101亿
build/block-library/blocks/template-part/theme.css 101亿
build/block-library/blocks/text-columns/editor-rtl.css 95亿
build/block-library/blocks/text-columns/editor.css 95亿
build/block-library/blocks/text-columns/style-rtl.css 166亿
build/block-library/blocks/text-columns/style.css 166亿
构建/block-library/blocks/verse/style-rtl.css 87亿
build/block-library/blocks/verse/style.css 87亿
build/block-library/blocks/video/editor-rtl.css 571亿
build/block-library/blocks/video/editor.css 公元572年
build/block-library/blocks/video/style-rtl.css 173亿
build/block-library/blocks/video/style.css 173亿
构建/block-library/blocks/video/theme-rtl.css 124亿
build/block-library/blocks/video/theme.css 124亿
build/block-library/common-rtl.css 993亿
build/block-library/common.css 990亿
build/block-library/editor-rtl.css 10.2千字节
build/block-library/editor.css 10.2千字节
build/block-library/reset-rtl.css 478亿
构建/块库/reset.css 478亿
build/block-library/style-rtl.css 11.5千字节
build/block-library/style.css 11.5千字节
构建/块-库/theme-rtl.css 689亿
构建/块-库/theme.css 694亿
构建/块序列化默认解析器/index.min.js 1.12千字节
build/block-serialization-specifi-parser/index.min.js 2.83千字节
build/blocks/index.min.js 47千字节
build/components/index.min.js 223千字节
build/components/style-rtl.css 14.9千字节
build/components/style.css 14.9千字节
构建/合成/索引.min.js 11.2千字节
构建/core-data/index.min.js 14.5千字节
构建/定制e-widgets/index.min.js 11千字节
构建/定制e-widgets/style-rtl.css 1.39千字节
构建/定制e-widgets/style.css 1.39千字节
构建/数据控制/索引.min.js 663亿
build/data/index.min.js 8.66千字节
构建/日期/索引.min.js 32千字节
build/deprecated/index.min.js 518亿
构建/dom-ready/index.min.js 336亿
构建/dom/index.min.js 4.58千字节
build/edit-navigation/index.min.js 15.8千字节
构建/编辑导航/样式-rtl.css 4.04千字节
构建/编辑导航/样式.css 4.05千字节
构建/编辑-发布/分类-rtl.css 546亿
构建/编辑post/classic.css 547亿
build/edit-post/index.min.js 30.1千字节
构建/编辑-发布/样式-rtl.css 7.18千字节
构建/编辑-发布/样式.css 7.18千字节
build/edit-site/index.min.js 47.1千字节
构建/编辑site/style-rtl.css 8.02千字节
构建/编辑site/style.css 8.01千巴
build/edit-widgets/index.min.js 16.3千巴
build/edit-widgets/style-rtl.css 4.4千字节
build/edit-widgets/style.css 4.39千字节
build/editor/index.min.js 38.5千字节
构建/编辑器/样式-rtl.css 3.71千字节
构建/编辑器/样式.css 3.71千字节
build/element/index.min.js 4.29千字节
build/escape-html/index.min.js 548亿
build/format-library/index.min.js 6.62千字节
build/format-library/style-rtl.css 571亿
构建/格式库/样式.css 571亿
build/hooks/index.min.js 1.66千字节
build/html-entities/index.min.js 454磅
构建/i18n/index.min.js 3.79千字节
构建/is-shallow-equal/index.min.js 535亿
构建/键盘快捷方式/index.min.js 1.83千字节
build/keycodes/index.min.js版本 1.41千字节
构建/list-reasable-blocks/index.min.js 1.75千字节
构建/list-rusable-blocks/style-rtl.css 838亿
build/list-rusable-blocks/style.css 838亿
build/media-utils/index.min.js 2.94千字节
build/notices/index.min.js 957亿
build/nux/index.min.js 2.12千字节
build/nux/style-rtl.css 751亿
build/nux/style.css 749亿
build/plugins/index.min.js 1.98千字节
build/preferences/index.min.js 1.2千字节
build/primitives/index.min.js 949亿
build/priority-queue/index.min.js 611亿
build/react-i18n/index.min.js 704亿
build/react-refresh-entry/index.min.js 8.44千字节
build/react-refresh-runtime/index.min.js 7.31千字节
build/redux-routine/index.min.js 2.69千字节
构建/可重用块/index.min.js 2.24千字节
构建/可重用块/样式-rtl.css 256亿
构建/可重用块/样式.css 256亿
构建/rich-text/index.min.js 11.2千字节
build/server-side-render/index.min.js 1.61千字节
build/shortcode/index.min.js 1.52千字节
构建/token-list/index.min.js 668亿
构建/url/index.min.js 1.99千字节
build/vendors/react-dom.min.js 38.5千字节
build/vendors/react.min.js 4.34千字节
build/viewport/index.min.js 1.08千巴
build/warning/index.min.js 280亿
build/widgets/index.min.js 7.21千字节
构建/widgets/style-rtl.css 1.16千字节
构建/widgets/style.css 1.16千字节
构建/wordcount/index.min.js 1.07千字节

压缩尺寸作用

@贾斯穆森
复制链接
贡献者

按照概述的步骤,我可以确认选择菜单后,焦点仍停留在按钮上。

我相信今天很多人都是AFK的,但他们应该能够对它进行快速的代码审查,这样我们就可以很快完成这项工作。谢谢你的修复!

复制链接
贡献者

@塔尔丹 塔尔丹 留下了评论

选择隐藏此评论的原因

将显示原因,以便向其他人描述此评论。了解更多信息.

谢谢你的努力,亚历克斯。我认为这很好,它解决了一个长期存在的问题。

导航块中仍有一些潜在问题需要解决。一个是菜单切换器是有条件呈现的(这里的代码-https://github.com/WordPress/gutenberg/blob/trunk/packages/block-library/src/navigation/edit/index.js#L663-L675型),以及其中一个条件(实体可用)导致它从DOM中卸载(导致焦点丢失和菜单关闭)。然后还有#39044,这更复杂。我认为目前没有人在做这些事情,所以也许我会抽出一些时间来改进。

虽然这些问题仍然可以解决,但可能需要一段时间,值得优先考虑用户体验。你觉得保持#38169开放以跟踪其他问题,但仍合并您的公关?

//菜单选择后的焦点支持。
使用效果(()=>{
如果(
isDraftNavigation菜单||
复制链接
贡献者

选择隐藏此评论的原因

将显示原因,以便向其他人描述此评论。了解更多信息.

我不知道这个草稿变量实际上有什么作用。我不久前介绍过它,后来有人无意中把它弄坏了,现在我想它永远也不会是了真的直到很久以后我才注意到它坏了。

我不确定现在的情况。我可能会整理一份公关来删除它😄

@阿勒克斯汀
复制链接
贡献者 作者

@塔尔丹我删除了问题参考,所以希望它现在不会关闭。👍 现在把它改回6.0是否太迟了?是的,如果能确保所有这些卸载/安装都停止,那就太好了。导航块是一件疯狂的艺术品。你认为有没有办法创建某种类型的钩子或侦听器,在卸载/挂载后强制聚焦导航块?不想关注初始渲染,但每次都是这样。与我现在的做法非常相似,但主要是针对加载状态。

const[needsFocus,setNeedsFocs]=useState(false);

每当加载/更新块时,只需将状态设置为true即可再次建立焦点。

@阿勒克斯汀 阿勒克斯汀合并提交4d503c4型进入之内 大旅行箱 2022年4月19日
@阿勒克斯汀 阿列克斯汀删除了 改进/导航块-选择-焦点 分支 2022年4月19日15:47
@github-操作 github-操作 机器人程序将此添加到古腾堡13.1里程碑2022年4月19日
@安奈扎祖 安奈扎祖远离的这个[类型]增强功能 改进建议。标签2022年4月19日
@安奈扎祖 安奈扎祖补充这个[类型]Bug 现有功能无法按预期工作标签2022年4月19日
@安奈扎祖
复制链接
贡献者

与聊天后将此更改为bug@阿列克斯汀关于原始问题本身。要清楚的是,这一点从一开始就不起作用,所以与其说有些东西没有按预期发挥作用,不如说有些东西根本没有发挥作用。将此标记为6.0 beta 3的backport注意事项。

@安奈扎祖 安奈扎祖补充这个回传至WP 6.7 Beta/RC Pull请求需要回传到目前处于测试阶段的WordPress主要版本标签2022年4月19日
@塔尔丹
复制链接
贡献者

倒传听起来是个好主意👍

你认为有没有一种方法可以创建某种类型的钩子或侦听器,在卸载/挂载后强制聚焦块?

我认为理想情况下,它应该保持安装状态。街区已经发生了很大的变化,所以现在可能比我上次看的更容易。我可以再试一次。

@阿勒克斯汀
复制链接
贡献者 作者

谢谢@塔尔丹! 👍

@格特戴夫
复制链接
贡献者

谢谢你在这里所做的一切!我一直在度假,但能回到这里真是太好了👏 👏 👏

阿达齐尔推送提交引用的这个拉请求 2022年4月25日
…ter block重发(#40390)*进行选择后,聚焦选择菜单按钮。*增加E2E测试。*向E2E测试添加代码注释。
@阿达齐尔
复制链接
贡献者

这已备份到wp/6.0分支,明天将包含在WordPress 6.0 Beta 3中:d8a0f27

@阿达齐尔 阿达齐尔远离的这个回传至WP 6.7 Beta/RC Pull请求需要回传到目前处于测试阶段的WordPress主要版本标签2022年4月25日
@格特戴夫
复制链接
贡献者

导航块中还有一些潜在的问题需要解决。一个是菜单切换器是有条件呈现的(这里的代码-https://github.com/WordPress/gutenberg/blob/trunk/packages/block-library/src/navigation/edit/index.js#L663-L675型),以及其中一个条件(实体可用)导致它从DOM中卸载(导致焦点丢失和菜单关闭)

@塔尔丹占位符当前是有条件呈现的,因此(如您所注意到的)菜单选择器是根据不同的“状态”进行安装和卸载的。

然而,更重要的是,你会记得我们的用法导航菜单选择器成分

  • 在占位符中
    <导航菜单选择器
    当前菜单ID={ 当前菜单ID }
    客户端ID={ 客户端ID }
    onSelect(选择)={ 完成时 }
    切换道具={ {
    变体:“第三级”,
    图标位置:“正确”,
    类名:
    “wp-block-navigation-placeholder__actions_dropdown”,
    } }
    />
  • 在标准“编辑”视图中。
    <导航菜单选择器
    裁判={ 导航选择器参考 }
    当前菜单ID={ 裁判 }
    客户端ID={ 客户端ID }
    onSelect(选择)={ 手柄选择导航 }
    新建时={ 重置为空块 }
    /*转换器:%s:菜单的名称*/
    操作标签={ __( “切换到'%s'” ) }
    显示管理操作
    />

因此,当我们从占位符->编辑切换时,总是会装载/卸载菜单选择器。我不确定我们如何能够轻松避免这种情况,因为菜单选择器在两种场景中的使用不同,因此我们无法将其安装。

如果有办法的话,欢迎提出意见,但我不确定是否有办法。

然后还有#39044,这更复杂。

这一点要复杂得多,我们没有时间与其他所有正在进行的改进和重构一起解决它。我们应该将其解决为6.1。

免费注册 在GitHub上加入此对话.已经有帐户了吗?登录以发表评论
标签
[块]导航 影响导航块 [焦点]可访问性(a11y) 影响可访问性并需要相应审查的更改(例如标记更改)。 需要辅助功能反馈 需要可访问性的输入 [程序包]块库 /包/块库 【包装】E2E测试 /包/e2e测试 [类型]Bug 现有功能无法按预期工作
项目
没有打开的项目
已在项目中存档
开发

成功合并此请求可能会解决这些问题。

6名参与者