Ver Fonte

Firefox: Workaround for missing caret between emoji (#374)

In Firefox, the cursor between images inside a contenteditable div
disappears when the images are scaled using CSS transforms.

As a workaround, use regular height.
Danilo Bargen há 8 anos atrás
pai
commit
b01e7f5ef6
1 ficheiros alterados com 6 adições e 4 exclusões
  1. 6 4
      src/sass/sections/_compose_area.scss

+ 6 - 4
src/sass/sections/_compose_area.scss

@@ -32,14 +32,16 @@
                     top: 0;
                     left: 0;
                     outline: none;
-                    line-height: 1.3em;
+                    line-height: 20px;
                     max-height: calc(1.3em * 5);
-                    min-height: 1.3em;
+                    min-height: 22px;
                     cursor: text;
 
-                    img {
+                    img.e1 {
                         vertical-align: middle;
-                        margin: -3px 1px;
+                        margin: 0 1px;
+                        transform: none; // https://github.com/threema-ch/threema-web/issues/262
+                        height: 20px;
                     }
                 }
             }