Переповнення Safari 10 + перекошені помилки - html, css, браузер, сафарі

Наткнувся на помилку visuel на Safari 10.1.2 (деякі версії лише якимось чином). Не могли б ви допомогти мені знайти шлях або обхідний шлях до того, що я хочу досягти? Вона працює у всіх інших тестованих браузерах та у попередніх версіях Safari.

Так у Safari 10.1.2, коли:

• позитивна коса (більша, ніж transform: skewY(0deg);) застосовується до елемента
• цей елемент має властивість overflow: hidden;

елемент просто не відображається, або лише частково. Він відображається після натискання комбінації клавіш Ctrl + A "select all".

Ось JSFiddle для ілюстрації проблеми (примітка: вам потрібен Safari 10, щоб побачити, що я маю на увазі!): https://jsfiddle.net/7c7f4z6v/2/

Таким чином відображається у всіх інших веб-переглядачах:

Це відображається на Safari 10:

Відповіді:

Це працює для мене в Safari 10.1.2