Skip to content

Commit

Permalink
Force the editor toolbar to be static in iOS
Browse files Browse the repository at this point in the history
  • Loading branch information
dtdesign committed Aug 18, 2023
1 parent 2601817 commit c6ed1c1
Showing 1 changed file with 14 additions and 5 deletions.
19 changes: 14 additions & 5 deletions wcfsetup/install/files/style/ui/ckeditor.scss
Original file line number Diff line number Diff line change
Expand Up @@ -574,11 +574,6 @@ html.touch .ck.ck-balloon-panel.ck-tooltip {
}
}

html.iOS .ck.ck-content {
/* Font sizes below 16px cause iOS to zoom when moving the focus inside of it. */
font-size: 16px;
}

@include screen-xs {
.ck.ck-input {
--ck-input-width: 100%;
Expand All @@ -593,3 +588,17 @@ html.iOS .ck.ck-content {
margin-right: 0;
}
}

/* Workarounds for iOS */
html.iOS {
/* Fixed positioning does not work in iOS when the screen keyboard is open. */
.ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
position: absolute !important;
top: 0 !important;
}

/* Font sizes below 16px cause iOS to zoom when moving the focus inside of it. */
.ck.ck-content {
font-size: 16px;
}
}

0 comments on commit c6ed1c1

Please sign in to comment.