Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(VInput): add hide-spin-buttons prop #13682

Merged
merged 1 commit into from Jun 14, 2021

Conversation

shadskii
Copy link
Contributor

Add prop to hide spin buttons on number type input

feat #6157

Description

Resolves #6157

Adds the hide-spin-buttons to VInput. This hides the spin buttons added by the browser to number type inputs.

Motivation and Context

Hiding the spin buttons for VInput is a commonly searched/requested feature. The current solution is a copy-paste css snippet (see #6157).

How Has This Been Tested?

Visually tested on Chrome, Firefox, and Safari.

Markup:

<template>
  <v-container>
    <v-text-field
      type="number"
      hide-spin-buttons
    />
  </v-container>
</template>

<script>
  export default {
    data: () => ({
    //
    }),
  }
</script>

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • Improvement/refactoring (non-breaking change that doesn't add any features but makes things better)

Checklist:

  • The PR title is no longer than 64 characters.
  • The PR is submitted to the correct branch (master for bug fixes and documentation updates, dev for new features and backwards compatible changes and next for non-backwards compatible changes).
  • My code follows the code style of this project.
  • I've added relevant changes to the documentation (applies to new features and breaking changes in core library)

Add prop to hide spin buttons on number type input

feat vuetifyjs#6157
@johnleider johnleider added this to the v2.6.0 milestone May 29, 2021
@johnleider johnleider added C: VInput VInput T: feature A new feature labels May 29, 2021
@johnleider johnleider requested a review from KaelWD May 29, 2021 14:08
@johnleider johnleider changed the title feat(vinput): add hide-spin-buttons prop feat(VInput): add hide-spin-buttons prop May 29, 2021
@johnleider johnleider requested review from KaelWD and removed request for KaelWD June 4, 2021 13:40
@johnleider johnleider merged commit bc2d6cb into vuetifyjs:dev Jun 14, 2021
@crussell42
Copy link

Awesome. Thank You.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VInput VInput T: feature A new feature
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants