Hacks for Safari?

Question

css

Responsive menu that collapses from text into an icon with a drop-down menu with an accordion.
If you do this:
...
#menu { position: absolute;
top: 49px;
left: 0;
width: 320px
height: auto;
max-height: calc(100vw - 50px);
overflow: auto;}
works fine everywhere except Safari, where there is no scrollbar and the menu expands offscreen.
Google has shown that the overflow problem in Safari has been around for a long time, doesn't work without position: relative; and finds itself dependent on other properties in the environment.
I can make it handle overflow correctly by wrapping the menu in an add. the relative div and giving it a hard height in pixels in the styles. But it is a pity to sacrifice beauty.
Tell me, pliz, a hack for the 7-8th version of Safari.

Answer 1

Most likely there is no normal hack. I don't remember at least one hack for webkit at all (cunning css3 selectors are not hacks). And how will the hack help you if the problem is solved by all sorts of extra divas? By the way, in our country the share of browsers that do not support calc is much larger than the share of safari.