QBtnToggle Display Not Consistent In Mozilla Firefox vs Google Chrome



  • Good day. I am currently using QBtnToggle and found out that the display of QBtnToggle between Mozilla Firefox and Google Chrome seems different. Is this expected to happen or is there some workaround to make the display the same on different browsers? The following are screenshots from the aforementioned Web browsers. Thanks in advance. ๐Ÿ™‚

    Google Chrome:
    1_1519959191302_imgpsh_fullsize.png

    Mozilla Firefox:
    0_1519959191259_imgpsh_fullsize (1).png

    And hereโ€™s the code snippet:

    <q-btn-toggle
        size="xs"
        class="float-right"
        v-model="model"
        toggle-color="primary"
        @input="handleInput"
        :options="[
        {label: 'User', value: 'user'},
        {label: 'Company', value: 'company'},
        {label: 'Default', value: 'default'},
        {label: '', value: 'settings', icon:'settings'}
        ]"
    />