sebastianbaar / vue-kaiui Goto Github PK

I tried to add this into a vue3 project and got this error in browser:

runtime-core.esm-bundler.js?5c40:5475 Uncaught TypeError: selfHook.call is not a function
at callSyncHook (runtime-core.esm-bundler.js?5c40:5475)
at applyOptions (runtime-core.esm-bundler.js?5c40:5267)
at finishComponentSetup (runtime-core.esm-bundler.js?5c40:6050)
at setupStatefulComponent (runtime-core.esm-bundler.js?5c40:5986)
at setupComponent (runtime-core.esm-bundler.js?5c40:5926)
at mountComponent (runtime-core.esm-bundler.js?5c40:4207)
at processComponent (runtime-core.esm-bundler.js?5c40:4183)
at patch (runtime-core.esm-bundler.js?5c40:3788)
at mountChildren (runtime-core.esm-bundler.js?5c40:3996)
at mountElement (runtime-core.esm-bundler.js?5c40:3900)

Description of bug
When the user has a text input field selected, the left and right keys act as if pressing up or down. You cannot change tabs while hovered over an input, you have to hover over another type of item and then press left or right.

To Reproduce
Create two .
In one of the tab items, add a and another element, such as .
Move to the tab that has the two items you created.
Hover over the and then press left or right to try to move to the other tab. Notice that the tab will not change, rather the left or right key will move you to the other item in the tab.
Now hover over the other item you created, such as the . Press left or right to try to move tabs, notice that the tab now changes.

Expected behavior
The expected behavior is for the left and right keys to change tabs, not change items.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop

• OS: Ubuntu 20.01
• Browser: Both Chromium and Firefox v59

Smartphone (please complete the following information):

• Device: Nokia 6300 4G
• KaiOS: 2.5.4
• Browser: stock

Additional context
I would think that this functionality would make sense when you have items in both horizontal and vertical directions e.g. 3x3 grid of icons that are selectable. However, when the items are only positioned vertically from each other it seems it would make more sense that left and right keys control tab selection. I think it would make sense to have an attribute to change the behavior depending on the users needs.