title: CSS scroll-padding-top Not Working in Safari
body: <p>According to caniuse.com, the <a href="https://caniuse.com/#search=scroll-padding" rel="nofollow noreferrer">scroll-padding-top property is supported in the latest version of Safari</a>, but it just is not working for me at all. I setup a <a href="https://codepen.io/zoladesigners/pen/MWWqmKY" rel="nofollow noreferrer">reduced example Code Pen here</a> to confirm it is not anything else messing with it, even with just CSS and HTML it does not seem to work. This is the CSS:</p>
  
  <pre><code>html {
        scroll-behavior: smooth;
        scroll-padding-top: 152px;
  }
  </code></pre>
  
  <p>I can confirm my version of Safari is 13.0.1 and support for this property was implemented in 11.0 according to caniuse.com.</p>
  
  <p>It works as expected in both Firefox and Chrome.</p>
  
  <p>Is there anything I am missing that needs to be included so this works in Safari? I want to avoid using jquery and javascript if possible, but I am open to implementing a solution using them if that is the only way.</p>