DEV: stylelint

app/assets/javascripts/discourse/app/components/composer-container.hbs

@@ -8,7 +8,7 @@
 >
   <div class="grippie"></div>
   {{#if this.composer.visible}}
-    {{html-class (if this.composer.showPreview "composer-has-preview")}}
+    {{html-class (if this.composer.isPreviewVisible "composer-has-preview")}}
     <ComposerMessages
       @composer={{this.composer.model}}
       @messageCount={{this.composer.messageCount}}

app/assets/javascripts/discourse/app/lib/textarea-text-manipulation.js

@@ -1,5 +1,5 @@
 import { setOwner } from "@ember/owner";
-import { schedule } from "@ember/runloop";
+import { next, schedule } from "@ember/runloop";
 import { service } from "@ember/service";
 import { isEmpty } from "@ember/utils";
 import $ from "jquery";

app/assets/stylesheets/common/components/composer-toggle-switch.scss

@@ -1,13 +1,11 @@
 .composer-toggle-switch {
   --toggle-switch-width: 40px;
   --toggle-switch-height: 24px;
-
   height: 100%;
   grid-column: span 2;
   justify-content: center;
   display: flex;
   align-items: center;
-
   border: 0;
   padding: 0;
   background: transparent;
@@ -15,6 +13,7 @@
   &:focus-visible {
     outline: none;
   }
+
   &[disabled] {
     opacity: 0.5;
     cursor: not-allowed;
@@ -34,7 +33,7 @@
       outline-offset: 2px;
     }
 
-    &:before {
+    &::before {
       content: "";
       display: block;
       position: absolute;

app/assets/stylesheets/common/rich-editor/rich-editor.scss

@@ -30,6 +30,7 @@
   h5,
   h6 {
     margin: 30px 0 10px;
+
     &:first-child {
       margin-top: 10px;
     }
@@ -59,9 +60,11 @@
         0% {
           opacity: 0.6;
         }
+
         50% {
           opacity: 0.4;
         }
+
         100% {
           opacity: 0.6;
         }
@@ -171,11 +174,7 @@
 
 .ProseMirror {
   word-wrap: break-word;
-  white-space: pre-wrap;
   white-space: break-spaces;
-  -webkit-font-variant-ligatures: none;
-  font-variant-ligatures: none;
-  font-feature-settings: "liga" 0; /* the above doesn't seem to work in Edge */
 }
 
 .ProseMirror pre {
@@ -189,9 +188,7 @@
 .ProseMirror-hideselection *::selection {
   background: transparent;
 }
-.ProseMirror-hideselection *::-moz-selection {
-  background: transparent;
-}
+
 .ProseMirror-hideselection {
   caret-color: transparent;
 }
@@ -206,12 +203,11 @@
 }
 
 /* Make sure li selections wrap around markers */
-
 li.ProseMirror-selectednode {
   outline: none;
 }
 
-li.ProseMirror-selectednode:after {
+li.ProseMirror-selectednode::after {
   content: "";
   position: absolute;
   left: -32px;
@@ -223,7 +219,6 @@ li.ProseMirror-selectednode:after {
 }
 
 /* Protect against generic img rules */
-
 .ProseMirror-separator {
   display: inline !important;
   border: none !important;
@@ -240,7 +235,7 @@ li.ProseMirror-selectednode:after {
   position: absolute;
 }
 
-.ProseMirror-gapcursor:after {
+.ProseMirror-gapcursor::after {
   content: "";
   display: block;
   position: absolute;

plugins/poll/assets/stylesheets/common/poll.scss

@@ -521,6 +521,7 @@ div.poll-outer {
 .ProseMirror {
   .poll {
     margin-bottom: 1rem;
+
     ul {
       list-style-type: none;
       padding: 0;
@@ -532,7 +533,7 @@ div.poll-outer {
       }
     }
 
-    li:before {
+    li::before {
       position: relative;
       vertical-align: baseline;
       border: 2px solid var(--primary);
@@ -552,7 +553,7 @@ div.poll-outer {
   }
 
   &[data-poll-type="multiple"] {
-    li:before {
+    li::before {
       border-radius: 3px;
     }
   }
@@ -560,7 +561,8 @@ div.poll-outer {
   &[data-poll-type="ranked_choice"] {
     li {
       position: relative;
-      &:before {
+
+      &::before {
         mask-image: svg-uri(
           '<svg width="0.75em" height="0.75em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg>'
         );
@@ -572,7 +574,8 @@ div.poll-outer {
         border-radius: var(--d-button-border-radius);
         border: none;
       }
-      &:after {
+
+      &::after {
         content: "";
         position: absolute;
         height: 1.125em;