AEM touch ui对话框6.3-验证错误图标重叠描述图标

时间:2019-04-17 22:58:51

标签: dialog touch aem

我在我的项目中有一个标题组件(touch-ui),并通过将required(boolean)设置为true在title属性级别上使title字段成为强制性的。现在,当我们使用空白标题字段保存对话框时,将触发验证,但是三角形图标与组件中的描述图标重叠。请参阅所附的屏幕截图。有什么办法解决这个问题?

在We.retail标题组件中看到相同的行为。

enter image description here enter image description here

1 个答案:

答案 0 :(得分:1)

与AEM 6.4中的相同。我有点以为这是设计使然,所以更多的注意力放在了错误上。

如果您查看验证逻辑背后的JavaScript,您会注意到,一旦出现验证错误,描述图标就会收到u-coral-screenReaderOnly CSS类,这将导致其消失。不是错误图标与信息重叠。后者是明显看不见的。

这似乎是Coral UI 2客户端库的一部分。这不是您自己可以解决的问题(尝试执行此操作很棘手,而且无法维护)。如果您需要更改此行为,可以尝试联系Day Care。它看起来确实像是故意的功能。