scroll-margin-top not working on Chrome

I ran into a nasty gremlin on Chrome. I had a sticky header and properly set the scroll-margin-top value to the height of the sticky header for those sections that were anchor points. This way, the section heading and content would not be obscured by the sticky header. However, this was not working in Chrome. See below:

Screenshot showing content obscured by a sticky header.
Content is obscured by the sticky header even though scroll-margin-top is specified.

The issue was that the section also had an overflow: hidden declaration applied to it by the page builder I was using. Setting overflow to initial solved the issue.

Screenshot showing a properly positioned sticky header when overflow is set to initial on the anchored section.
Properly positioned sticky header when overflow is set to initial on the anchored section.