lint

Author: amandaesmith3

core/src/components/textarea/test/slot/index.html

@@ -151,7 +151,7 @@ <h2>Solid / Floating Label / Buttons</h2>
               </ion-button>
             </ion-textarea>
           </div>
-          
+
           <div class="grid-item">
             <h2>Outline / Floating Label / Buttons</h2>
             <ion-textarea label-placement="floating" fill="outline" value="[email protected]" label="Email">
@@ -195,15 +195,15 @@ <h2>No Fill / Floating Label / Decorations</h2>
               <ion-label slot="end">lbs</ion-label>
             </ion-textarea>
           </div>
-          
+
           <div class="grid-item">
             <h2>Solid / Floating Label / Decorations</h2>
             <ion-textarea label-placement="floating" fill="solid" value="100" label="Weight">
               <ion-icon slot="start" name="barbell" aria-hidden="true"></ion-icon>
               <ion-label slot="end">lbs</ion-label>
             </ion-textarea>
           </div>
-          
+
           <div class="grid-item">
             <h2>Outline / Floating Label / Decorations</h2>
             <ion-textarea label-placement="floating" fill="outline" value="100" label="Weight">

core/src/components/textarea/test/slot/textarea.e2e.ts

@@ -65,4 +65,4 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
       await expect(textarea).toHaveClass(/label-floating/);
     });
   });
-});
+});

core/src/components/textarea/textarea.md.outline.scss

@@ -112,10 +112,10 @@
   @include margin(12px, 0px, 0px, 0px);
 }
 
-:host(.textarea-fill-outline.textarea-label-placement-stacked) ::slotted([slot='start']),
-:host(.textarea-fill-outline.textarea-label-placement-stacked) ::slotted([slot='end']),
-:host(.textarea-fill-outline.textarea-label-placement-floating) ::slotted([slot='start']),
-:host(.textarea-fill-outline.textarea-label-placement-floating) ::slotted([slot='end']) {
+:host(.textarea-fill-outline.textarea-label-placement-stacked) ::slotted([slot="start"]),
+:host(.textarea-fill-outline.textarea-label-placement-stacked) ::slotted([slot="end"]),
+:host(.textarea-fill-outline.textarea-label-placement-floating) ::slotted([slot="start"]),
+:host(.textarea-fill-outline.textarea-label-placement-floating) ::slotted([slot="end"]) {
   margin-top: 12px;
 }
 

core/src/components/textarea/textarea.scss

@@ -667,10 +667,10 @@
   @include margin(8px, 0px, 0px, 0px);
 }
 
-:host(.textarea-label-placement-stacked) ::slotted([slot='start']),
-:host(.textarea-label-placement-stacked) ::slotted([slot='end']),
-:host(.textarea-label-placement-floating) ::slotted([slot='start']),
-:host(.textarea-label-placement-floating) ::slotted([slot='end']) {
+:host(.textarea-label-placement-stacked) ::slotted([slot="start"]),
+:host(.textarea-label-placement-stacked) ::slotted([slot="end"]),
+:host(.textarea-label-placement-floating) ::slotted([slot="start"]),
+:host(.textarea-label-placement-floating) ::slotted([slot="end"]) {
   margin-top: 8px;
 }
 
@@ -717,20 +717,20 @@
 
   display: flex;
 
-  align-self: start;
-
   flex-shrink: 0;
+
+  align-self: start;
 }
 
-::slotted([slot='start']),
-::slotted([slot='end']) {
+::slotted([slot="start"]),
+::slotted([slot="end"]) {
   margin-top: 0; // ensure slot content is vertically aligned with label
 }
 
-::slotted([slot='start']) {
+::slotted([slot="start"]) {
   margin-inline-end: $form-control-label-margin;
 }
 
-::slotted([slot='end']) {
+::slotted([slot="end"]) {
   margin-inline-start: $form-control-label-margin;
 }

core/src/components/textarea/textarea.tsx

@@ -700,7 +700,7 @@ Developers can use the "legacy" property to continue using the legacy form marku
     const inItem = hostContext('ion-item', this.el);
     const shouldRenderHighlight = mode === 'md' && fill !== 'outline' && !inItem;
 
-    const hasValue =  this.hasValue();
+    const hasValue = this.hasValue();
     const hasStartEndSlots = el.querySelector('[slot="start"], [slot="end"]') !== null;
 
     /**