Icon-click and icon-right-click events trigger focus on an element that might not be there anymore.

[ehutch79]

Overview of the problem

Buefy version: [0.8.11]
Vuejs version: [2.6.11]
OS/Browser: any

Description

I am looping over an array, creating inputs with v-for, where the input has these attributes set:

icon-right="times"
icon-right-clickable
@icon-right-click="removeBreak(item, index)"

the removeBreak removes the item from from the array, which removes the input.

Then, after the array is spliced, the event handler tries to focus the input.

This is normally correct behavior, but assumes that the input still exists, when it might not.

Expected behavior

Buefy should check that the input exists before calling .focus()

Actual behavior

Buefy blindly calls .focus() on the input generating the event.

[ehutch79]

The relevant line is https://github.com/buefy/buefy/blob/dev/src/components/input/Input.vue#L240

Currently I am getting around this by triggering the actual removal in a $nextTick()