bottom offcanvas panel problem with ios safari

  • Resolved sofianosorthopedika

    (@sofianosorthopedika)


    3 years, 1 month ago

    Hello Jory!

    I have tried solving this on my own, but cant find enough on the web.

    I have a offcanvas panel that opens in safari with the element
    <button class="ocs-trigger ocs-toggle ocs-toggle-posts-toc-mobile">Περιεχ?μενα</button>

    everywhere it works okay!
    Except on safari ios mobile, when the adressbar is hidden.
    Then the offcanvas panel goes over the button for some reason…
    See the screenshot

    View post on imgur.com

    The correct layout is this

    View post on imgur.com

    do you happen to know how i can overcome this?

    I have tried

    	#ocs-posts-toc-mobile {
		    padding-bottom: calc(1em + env(safe-area-inset-bottom));
		    margin-bottom: calc(env(safe-area-inset-bottom) - 5em);
	}

    but it didnt work…

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘bottom offcanvas panel problem with ios safari’ is closed to new replies.