dialog - AEM touch ui 对话框 6.3 - 验证错误图标重叠描述图标
问题描述
我的项目中有一个标题组件（touch-ui），并通过在标题属性级别设置 required(boolean) – true 来强制标题字段。现在，当我们保存带有空标题字段的对话框时，验证会启动，但三角形图标与组件中的描述图标重叠。请参阅随附的屏幕截图。有没有办法解决这个问题？
在 We.retail 标题组件中看到相同的行为。
解决方案
在 AEM 6.4 中也是如此。我有点假设这是设计使然，因此会引起对错误的更多关注。
如果您查看验证逻辑背后的 JavaScript，您会注意到描述图标会在u-coral-screenReaderOnly出现验证错误时立即接收 CSS 类，从而导致其消失。这并不是错误图标与信息重叠。后者被明确地隐藏在视线之外。
这似乎是 Coral UI 2 客户端库的一部分。这不是您可以自己解决的问题（尝试这样做会很棘手且不可维护）。如果您需要改变这种行为，您可以联系 Day Care 试试运气。不过，它确实看起来像是一个故意的功能。