Occupationally overflow property will not work in iOS devices

Occupationally overflow property will not work in iOS devices.

The overflow property in CSS is used to control how content that overflows the bounds of an element is handled. Occasionally, you may encounter issues with the overflow property not working as expected on iOS devices.

Use Vendor Prefixes: Some older versions of iOS may require vendor prefixes for certain CSS properties. Make sure you have included appropriate prefixes. For example, use -webkit-overflow-scrolling for scrolling elements:

-webkit-overflow-scrolling: touch;

Use Hardware Acceleration: To improve performance and reduce potential issues, you can try using hardware acceleration by applying transform: translate3d(0,0,0); to the element with the overflow property:

.your-element {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  transform: translate3d(0, 0, 0);
}

this will work for iOS devices