<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.