mithril-materialized 3.17.3 → 3.17.5

package/dist/core.css

@@ -3136,13 +3136,19 @@ textarea.materialize-textarea {
 .switch * {
   -webkit-tap-highlight-color: transparent;
   user-select: none;
-  margin: 13px 0 17px 0;
+  margin: 12px 0 17px 0;
 }
 
 .switch label {
   cursor: pointer;
 }
 
+.switch label .switch-value {
+  font-size: 16px;
+  position: relative;
+  top: -2px;
+}
+
 .switch label input[type=checkbox] {
   opacity: 0;
   width: 0;
@@ -3164,6 +3170,7 @@ textarea.materialize-textarea {
   position: relative;
   width: 36px;
   height: 14px;
+  top: -3px;
   background-color: var(--mm-switch-unchecked-track, rgba(0, 0, 0, 0.38));
   border-radius: 15px;
   margin-right: 10px;

package/dist/forms.css

@@ -2094,13 +2094,19 @@ body.keyboard-focused .select-dropdown.dropdown-content li:focus {
 .switch * {
   -webkit-tap-highlight-color: transparent;
   user-select: none;
-  margin: 13px 0 17px 0;
+  margin: 12px 0 17px 0;
 }
 
 .switch label {
   cursor: pointer;
 }
 
+.switch label .switch-value {
+  font-size: 16px;
+  position: relative;
+  top: -2px;
+}
+
 .switch label input[type=checkbox] {
   opacity: 0;
   width: 0;
@@ -2122,6 +2128,7 @@ body.keyboard-focused .select-dropdown.dropdown-content li:focus {
   position: relative;
   width: 36px;
   height: 14px;
+  top: -3px;
   background-color: var(--mm-switch-unchecked-track, rgba(0, 0, 0, 0.38));
   border-radius: 15px;
   margin-right: 10px;

package/dist/index.css

@@ -6893,13 +6893,19 @@ textarea.materialize-textarea {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  margin: 13px 0 17px 0;
+  margin: 12px 0 17px 0;
 }
 
 .switch label {
   cursor: pointer;
 }
 
+.switch label .switch-value {
+  font-size: 16px;
+  position: relative;
+  top: -2px;
+}
+
 .switch label input[type=checkbox] {
   opacity: 0;
   width: 0;
@@ -6921,6 +6927,7 @@ textarea.materialize-textarea {
   position: relative;
   width: 36px;
   height: 14px;
+  top: -3px;
   background-color: var(--mm-switch-unchecked-track, rgba(0, 0, 0, 0.38));
   border-radius: 15px;
   margin-right: 10px;

package/dist/index.esm.js

@@ -4938,7 +4938,10 @@ const Dropdown = () => {
         // Create dropdown with proper positioning
         const dropdownVnode = m('ul.dropdown-content.select-dropdown', {
             tabindex: 0,
-            style: Object.assign(Object.assign({}, getPortalStyles(state.inputRef)), (maxHeight ? { maxHeight } : {})),
+            style: Object.assign(Object.assign(Object.assign({}, getPortalStyles(state.inputRef)), (maxHeight ? { maxHeight } : {})), { 
+                // The full-screen portal container has pointer-events disabled so it
+                // does not block the modal. Re-enable them for the actual menu.
+                pointerEvents: 'auto' }),
             oncreate: ({ dom }) => {
                 state.dropdownRef = dom;
             },
@@ -7353,7 +7356,10 @@ const Select = () => {
         // Create dropdown with proper positioning
         const dropdownVnode = m('ul.dropdown-content.select-dropdown', {
             tabindex: 0,
-            style: Object.assign(Object.assign({}, getPortalStyles(state.inputRef)), (attrs.maxHeight ? { maxHeight: attrs.maxHeight } : {})),
+            style: Object.assign(Object.assign(Object.assign({}, getPortalStyles(state.inputRef)), (attrs.maxHeight ? { maxHeight: attrs.maxHeight } : {})), { 
+                // The full-screen portal container has pointer-events disabled so it
+                // does not block the modal. Re-enable them for the actual menu.
+                pointerEvents: 'auto' }),
             oncreate: ({ dom }) => {
                 state.dropdownRef = dom;
             },
@@ -7510,16 +7516,16 @@ const Switch = () => {
                     onchange && onchange(!checked);
                 },
             }, [
-                label && m(Label, { label: label || '', id, isMandatory, className: 'active' }),
+                label && m(Label, { label: label || '', id, isMandatory, className: 'switch-label active' }),
                 m('.switch', params, m('label', [
-                    m('span', left || 'Off'),
+                    m('span.switch-value', left || 'Off'),
                     m('input[type=checkbox]', {
                         id,
                         disabled,
                         checked,
                     }),
                     m('span.lever'),
-                    m('span', right || 'On'),
+                    m('span.switch-value', right || 'On'),
                 ])),
             ]);
         },