Option to hide arrows on number inputs

[SketchBookkeeper]

I'm submitting a:

• bug report
• feature request

What OS are you using?
Windows 10

What browser(s) is this bug affecting:
Chrome, Firefox

Current behavior:

Firefox arrows ^

Expected behavior:
Add an option to apply css needed to hide arrows when input is set to type='number' since this option is not accessible due to the shadow dom.

[e111077]

Hello, number type is unfortunately not fully supported. Though, we will have a more-comprehensive styling option coming soon, so this may be fixed by that.

In the meantime, I recommend doing what @material/mwc-textfield/mwc-textfield.js is doing in your own file (import base class and styles) and add your own style to fix this. e.g.

import {customElement} from 'lit-element';
import {TextFieldBase} from '@material/mwc-textfield/mwc-textfield-base.js';
import {style} from '@material/mwc-textfield/mwc-textfield-css.js';

export {TextFieldType} from '@material/mwc-textfield/mwc-textfield-base.js';

const hideInputSpinnerStyle = css`
  input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }`

declare global {
  interface HTMLElementTagNameMap {
    'mwc-textfield': TextField;
  }
}

@customElement('mwc-textfield')
export class TextField extends TextFieldBase {
  static styles = [style, hideInputSpinnerStyle];
}

and import that file instead of the file that defines the mwc-textfield custom element

[SketchBookkeeper]

Thanks for looking into this for me.