InputNumber: Buttons disappear when clicked if inside of an InputGroup

[leecraigjeffries]

Describe the bug

If I have an InputNumber inside of an InputGroup and press either the up or down arrow, the buttons disappear

                <InputGroup>
                    <InputNumber v-model="discount"
                                 :pt:pcInput:root:name="'discount[' + index + ']'"
                                 fluid
                                 showButtons
                                 :min="0.01"
                                 :max="100"
                                 :step="0.01"
                                 placeholder="Discount..."
                    />
                    <InputGroupAddon>
                        %
                    </InputGroupAddon>
                </InputGroup>

Reproducer

https://stackblitz.com/edit/primevue-4-vite-issue-template-a2a487?file=src%2FApp.vue

PrimeVue version

4.0.4

Vue version

4.x

Language

ES6

Build / Runtime

Vite

Browser(s)

Chrome and Firefox Developer Edition

Steps to reproduce the behavior

                <InputGroup>
                    <InputNumber v-model="discount"
                                 :pt:pcInput:root:name="'discount[' + index + ']'"
                                 fluid
                                 showButtons
                                 :min="0.01"
                                 :max="100"
                                 :step="0.01"
                                 placeholder="Discount..."
                    />
                    <InputGroupAddon>
                        %
                    </InputGroupAddon>
                </InputGroup>

Use that code and click on one of the buttons and they'll disappear until you click off the input box

Expected behavior

The buttons should remain visible and not disappear

[tiltsoftware]

Also seeing this issue in same scenario

[avramz]

Can reproduce, fix in PR