如何在父级上分层自定义表单控件元素答案

【问题标题】：How to Layer Custom Form Control Elements on Parent如何在父级上分层自定义表单控件元素
【发布时间】：2019-05-13 14:47:52
【问题描述】：

我在 Nativescript/Angular 中有一个自定义日历/日期选择器表单控件。当用户单击向下/向上箭头时，我使用动画更改日历元素的不透明度。完全可以在测试页面上完美运行，但是当我将它放在带有其他控件的页面上时，它会向下推页面上的所有其他控件。我已尝试更改 z-index 和 X/Y 坐标以将其定位在页面之外，但控件之后的所有页面元素仍会偏移日历高度。

这个问题有解决办法吗？并且设置 z-index 是否允许它在日历处于打开位置时将鼠标悬停在页面元素上？

游乐场示例：play.nativescript.org/?template=play-ng&id=gdtDry&v=19

【问题讨论】：

这取决于你的布局和样式，很难说看到任何代码有什么问题。
您能否添加代码或创建一个工作示例以进一步帮助您
让我看看我是否在操场上创建了一个示例。
我在操场上添加了一个剥离版本的控制。它说明了在自定义控件下方偏移控件的问题（尽管它不是工作控件，因为我使用了不同的图标字体、moment.js 等，并且我没有将它们全部添加到示例中）。它确实使用了我的布局和 css：play.nativescript.org/?template=play-ng&id=gdtDry&v=19
不知道为什么有人反对这个问题。我一开始没有添加代码示例，因为我认为之前可能有人遇到过偏移问题，而且很多代码分布在三个不同的组件上。

标签： angular nativescript

【解决方案1】：

将可见性属性添加到包含日历对话框的布局元素消除了偏移问题。

visibility="{{ open ? 'visible' : 'collapsed' }}"

仍在努力让日历对话框在页面上的其他元素之上打开。

【讨论】：