问题标签 [fluent-ui]

我正在使用堆栈组件来制作拆分窗格。我想让它左侧有 50% 的屏幕空间，右侧有剩余的 50%。然而问题是这两个窗格从一开始就不等宽，并且随着文本添加到左侧组件，它开始增加宽度。

我该如何解决这个问题，以便它们始终平等地共享宽度（50%/50%）？

这是说明该问题的 CSB：

https://codesandbox.io/s/jolly-faraday-lek5h?file=/src/App.tsx

我已经使用此链接 https://developer.microsoft.com/en-us/fluentui#/controls/web/detailslist创建了示例

现在我想在网格中添加分页。请让我知道步骤。

我正在尝试在 Fluent UI 上使用 PeoplePicker 控件：

https://developer.microsoft.com/en-us/fluentui#/controls/web/peoplepicker

进行选择时如何触发操作？我没有在 API 中看到任何 onChange 方法或类似方法。

Fabric/Fluent UI Datepicker 日历数字日期与一周中的实际天数不一致。截图演示：

^ 可以看出，突出显示的今天日期标记为 2020 年 9 月 17 日，在日历的星期五列下，但这显然是错误的，因为 2020 年 9 月 17 日是星期四。

我认为这可能是由于实际Date()对象中的错误，但这没有意义，因为这只会导致日期错误，日历数字日期与星期几的对齐永远不应该像这样错位，因为无论如何这都是错误的。无论Date()您在 Datepicker 中输入什么对象，2020 年 9 月 17 日始终是星期四，而不是星期五。

这是 Fabric/Fluent UI Datepicker 的错误吗？有没有其他人得到这种行为，或者我可能忽略了什么？

提前谢谢了。

嗨，我正在使用DetailsList，我希望能够使用选项卡将我的选择从列移动到列。但是我在 Github 上遇到了这个问题： https ://github.com/microsoft/fluentui/issues/4690

需要使用箭头键在列表中导航，但不幸的是我在列表中使用了 Monaco 编辑器，并且箭头键在编辑器内被阻止...

我想知道是否有办法禁用列表以将 TabIndex 设置为 -1

或者

如果 Monaco 可以在光标位于文本末尾时释放箭头键（如文本框）。

我DetalisList在ScrollablePane组件内使用以保持标题可见，并让行可滚动。但是，这需要我手动设置可滚动容器的高度。

当我调查 DetalisList 的 DOM 元素时，我可以看到它包含在 ViewPort 元素中。该元素的高度是构成列表的所有组件（列标题、行等）的高度总和的实际高度。因此，我希望能够读取这个值并根据它是否超过某个值来设置容器高度。

有没有一种很好的方法来访问 ViewPort 的高度？我总是可以查询 DOM 并找到元素，但我想避免依赖组件的内部结构。

因此，到目前为止，我找不到任何有关此的信息。我注意到DetailsList需要一个名为 的道具viewport，但我认为这不是我想要的。

我正在使用流畅的 UI 命令栏组件。当我尝试在初始渲染后将其他项目推送到 _items 数组时，命令栏将它们作为溢出项目添加到命令栏末尾的可单击省略号中。如果满足条件并且它们在初始渲染之前被推送，则它们会像普通命令栏项目一样正确渲染。如果在初始渲染后推送它们，如何使它们正确渲染？

// 我要推送的项目

// 这是我的基本命令栏实现

在这里，我想从 SharePoint 列表中获取一个日期并将其设置在 datepicker 中，

在此处输入图像描述

仅供参考，日期来自 API，我正在使用 pnp js 检索数据，但只有日期值没有设置到 datepicker

我正在使用Fluent UI 库中名为DocumentPicker的组件。

这个组件有几种方法：

对于我的具体情况，我想让这个组件的一个方法调用另一个方法。例如，让 onEmptyInputFocus 触发 onResolveSuggestions。我怎样才能做到这一点？

[编辑] 基本上我试图用一个函数组件来完成我可以在类组件上使用“this”来完成的事情。在我的类组件中，我可以编写如下内容：

有没有办法让 Fluent UI（以前的 Office Fabric UI）导航组件正常工作<a>，用自定义链接（例如<Link>来自 Reach Router）替换它的元素链接？

Fluent UI Nav 提供了一个onRenderLink道具，但只会更改内部内容最里面的<a>元素。它将外包装元素保留为传统<a>的，当用户使用它时会导致整个页面重新呈现。

它还提供了linkAsprop ，但它改变了“Group Header”的全部内容，并采用了Nav首先使用的所有漂亮的 CSS 样式优势。

有没有办法真正让这个工作？