html - Bootstrap Collapse Item Misaligned only on IOS Devices

Question

I'm using Bootstrap 5.0 to make a responsive wep page. Using Collapse item to display links after on click to main element. It'is working properly all devices and all resolutions except on IOS devices regardless of the browser type. Collapse item becomes misalign with main element. Thanks for your support in advance.

On Android

On IOS 14.2

CSS

main-div{
 position: relative;
}

main-element{
position: absolute;
}

collapse-item {

/* position is not set */
}

Answer 1

等待大神答复