fix(item): update hostContext to use ion-item element

fixes styling issues with children elements using the .in-item class
ionic-team · Sep 13, 2018 · 21d1f2e · 21d1f2e
1 parent 6c62e6c
commit 21d1f2e
Show file tree

Hide file tree

Showing 7 changed files with 7 additions and 7 deletions.
diff --git a/core/src/components/checkbox/checkbox.tsx b/core/src/components/checkbox/checkbox.tsx
@@ -120,7 +120,7 @@ export class Checkbox {
     return {
       class: {
         ...createColorClasses(this.color),
-        'in-item': hostContext('.item', this.el),
+        'in-item': hostContext('ion-item', this.el),
         'checkbox-checked': this.checked,
         'checkbox-disabled': this.disabled,
         'checkbox-key': this.keyFocus,

diff --git a/core/src/components/input/input.tsx b/core/src/components/input/input.tsx
@@ -325,7 +325,7 @@ export class Input {
       class: {
         ...createColorClasses(this.color),
 
-        'in-item': hostContext('.item', this.el),
+        'in-item': hostContext('ion-item', this.el),
         'has-value': this.hasValue(),
         'has-focus': this.hasFocus
       }

diff --git a/core/src/components/menu/menu.tsx b/core/src/components/menu/menu.tsx
@@ -449,7 +449,7 @@ export class Menu implements MenuI {
       this.gesture.setDisabled(!isActive || !this.swipeGesture);
     }
 
-    // Close menu inmediately
+    // Close menu immediately
     if (!isActive && this._isOpen) {
       // close if this menu is open, and should not be enabled
       this.forceClosing();

diff --git a/core/src/components/radio/radio.tsx b/core/src/components/radio/radio.tsx
@@ -172,7 +172,7 @@ export class Radio {
     return {
       class: {
         ...createColorClasses(this.color),
-        'in-item': hostContext('.item', this.el),
+        'in-item': hostContext('ion-item', this.el),
         'interactive': true,
         'radio-checked': this.checked,
         'radio-disabled': this.disabled,

diff --git a/core/src/components/range/range.tsx b/core/src/components/range/range.tsx
@@ -330,7 +330,7 @@ export class Range {
     return {
       class: {
         ...createColorClasses(this.color),
-        'in-item': hostContext('.item', this.el),
+        'in-item': hostContext('ion-item', this.el),
         'range-disabled': this.disabled,
         'range-pressed': this.pressedKnob !== undefined,
         'range-has-pin': this.pin

diff --git a/core/src/components/select/select.tsx b/core/src/components/select/select.tsx
@@ -458,7 +458,7 @@ export class Select {
   hostData() {
     return {
       class: {
-        'in-item': hostContext('.item', this.el),
+        'in-item': hostContext('ion-item', this.el),
         'select-disabled': this.disabled,
         'select-key': this.keyFocus
       }

diff --git a/core/src/components/toggle/toggle.tsx b/core/src/components/toggle/toggle.tsx
@@ -175,7 +175,7 @@ export class Toggle {
     return {
       class: {
         ...createColorClasses(this.color),
-        'in-item': hostContext('.item', this.el),
+        'in-item': hostContext('ion-item', this.el),
         'toggle-activated': this.activated,
         'toggle-checked': this.checked,
         'toggle-disabled': this.disabled,