Angular Mat Select面板内焦点管理问题求助

我在Mat Select面板中添加了自定义按钮，鼠标交互功能已经实现，但键盘操作存在两个核心问题：

• 无法滚动至面板底部
• Tab键切换失效

期望实现指定的Tab键切换顺序（按预设图示逻辑）

已尝试的方案 #

• ActiveDescendantKeyManager：Mat Select已内置该组件，但无法与按钮配合工作。尝试设置不关闭面板并聚焦首个按钮，焦点仍会跳至下一个选择框，猜测FocusKeyManager可能解决该问题
• cdkFocusTrap：参考官方文档尝试后未成功
• cdkMonitorSubtreeFocus：未生效
• document.addEventListener("focusout", () => {})：实现了部分功能，但Tab键无法聚焦到下一个选择框或当前选择框触发器，偶尔出现卡顿，点击面板内元素时还会意外关闭面板

后续优化后的遗留问题 #

改用在组件中注入FocusMonitor替代子树监控模板指令后，效果有所改善，但仍存在以下问题：

• 向左Tab切换正常，但向右Tab切换时焦点会跳至浏览器UI（因选择面板位于DOM末尾）
• 点击元素时会失去焦点，导致FocusMonitor触发事件关闭面板

内容的提问来源于stack exchange，提问作者Stephen