Skip to content

The down arrow of number typed textfield doesn't seem to work as expected if min is set to zero. #450

@Subilan

Description

@Subilan
<script setup>
import { AppProvider, Layout, LayoutSection, TextField } from '@ownego/polaris-vue';
</script>

<template>
  <app-provider>
    <Layout>
      <LayoutSection>
        <TextField :min="0" label="test" type="number"/>
      </LayoutSection>
    </Layout>
  </app-provider>
</template>

Code above creates a number type TextField. There are up and down arrows on the right side of the field to increase or decrease the value.

  • Expected behavior: When clicking the down arrow, the value should decrease but never go below the min attribute value (0).

  • Actual behavior: Starting from a value greater than or equal to 0, repeatedly clicking the down arrow will decrease the value past zero into negative numbers.

Non-zero min value seems to work fine. I haven't tested zero max value yet.

Is this behavior intended or a bug? For reference, In HTML, the down arrow in <input type="number" min="0" .../> would not decrease the value past zero.

Thanks for your brilliant work on this repo.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions