css - 在传单地图上方定位相邻文本区域

我在相邻的 Bootstrap 4 列中放置了一个带有可调整大小的文本区域和传单地图的表单。

默认情况下，文本区域在水平调整大小时显示在 Leaflet 地图下方，无论分配的 z-index 是什么。只有当给定一个绝对位置时，它才会显示在地图上方。（我们已在此处实施此解决方案https://demo.openatlas.eu/update/2936）

不幸的是，这会扰乱相对位置的元素流，即当调整大小时，它会覆盖下面的提交按钮。

因此我的问题是：有没有办法在传单地图上安全地定位元素，特别是可调整大小的文本区域？理想情况下，这将保持元素流动，同时确保它位于相邻地图之上。

标签： cssbootstrap-4leaflet