0

Help me solve a strange bug in Safari. Googling directs me to his irrelevant old issue. For some reason, the rounded button that is promoted to a separate layer (via will-change: transform) is cut off at the bottom as shown in the image. Perhaps someone has come across this.

Styles of the button:

.button {
  display: inline-flex;
  position: relative;
  text-align: center;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 9999px;
  will-change: transform, color, background-color;
}

safari bug demonstration

0 Answers0