MS Edge + позиция: липкая ж / текстовая ошибка? - PullRequest
Новая
       26

MS Edge + позиция: липкая ж / текстовая ошибка?

1 голос
/ 22 октября 2019

Учитывая область содержимого с max-height и overflow:auto, а нижний колонтитул - position:sticky, так что он всегда будет отображаться на странице, Edge, похоже, плохо себя ведет. Это отлично работает в других браузерах (последние IE, Chrome, FF). В частности, при значении textarea в содержимом div нижний колонтитул размещается неправильно до тех пор, пока текст не будет введен в textarea.

. Существует ли специфичный для браузера метод для работы с MS Edge и закрепленными элементами div? , или это просто ошибка браузера? Если последнее, есть какие-нибудь мысли по поводу обходного пути?

Обновление для Edge Версия: Microsoft Edge 44.17763.771.0 Microsoft EdgeHTML 18.17763

HTML: 

<div id="container">
  <div id="content">
    <br /><br />
    <textarea></textarea>
    <p>
      Enter some text to watch this break
    </p>
  </div>
  <div id="sticky">Sticky</div>
</div>

CSS: 

body {
  background: black;
}
#container {
  max-height: 300px;
  background: cyan;
  overflow: auto;
}
#content {
  padding: 20px;
  overflow-y: auto;
  background: white;
}
#sticky {
  padding: 15px;
  background: grey;
  position: sticky;
  bottom: 0;
}

Это доступно как скрипка здесь

...