mithril-materialized 3.17.4 → 3.17.6

package/dist/index.umd.js

@@ -3785,7 +3785,7 @@
             },
             view: ({ attrs }) => {
                 var _a, _b, _c, _d, _e, _f, _g;
-                const { className = 'col s12', dataError, dataSuccess, helperText, iconName, id = state.id, placeholder, isMandatory, label, maxLength, newRow, oninput, onchange, onkeydown, onkeypress, onkeyup, style, validate, canClear } = attrs, params = __rest(attrs, ["className", "dataError", "dataSuccess", "helperText", "iconName", "id", "placeholder", "isMandatory", "label", "maxLength", "newRow", "oninput", "onchange", "onkeydown", "onkeypress", "onkeyup", "style", "validate", "canClear"]);
+                const { className = 'col s12', dataError, dataSuccess, helperText, iconName, id = state.id, placeholder, isMandatory, label, maxLength, newRow, oninput, onchange, onkeydown, onkeypress, onkeyup, style, validate, canClear, hideSpinners } = attrs, params = __rest(attrs, ["className", "dataError", "dataSuccess", "helperText", "iconName", "id", "placeholder", "isMandatory", "label", "maxLength", "newRow", "oninput", "onchange", "onkeydown", "onkeypress", "onkeyup", "style", "validate", "canClear", "hideSpinners"]);
                 // const attributes = toAttrs(params);
                 const cn = [newRow ? 'clear' : '', defaultClass, className].filter(Boolean).join(' ').trim() || undefined;
                 // Special rendering for minmax range sliders
@@ -4013,7 +4013,7 @@
                                 onchange(getValue(state.inputElement));
                             }
                         } })),
-                    type === 'number' && !isNonInteractive
+                    type === 'number' && !isNonInteractive && !hideSpinners
                         ? m('.number-input-controls', [
                             m('button.number-input-control.number-input-control-up[type=button]', {
                                 'aria-label': `Increase ${label || 'value'}`,
@@ -4942,7 +4942,10 @@
             // 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;
                 },
@@ -7357,7 +7360,10 @@
             // 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;
                 },