Possible focus issue with relatively light dropdown

Ignition version: 8.1.28
Perspective version: 2.1.28

I have a view with a dropdown component that appears to misbehave.

The component has bindings on props.options (a script transform to fetch and format data based on a view parameter), and position.display (to show the component if there is a particular view parameter). The component has an "on action performed" event script that runs an update query to a database. Here is props.search:

image

This dropdown component appears with the correct options as desired when the view is rendered, but searching the options when the dropdown is expanded via mouse click is not possible. It's almost like the mouse click effects loss of focus on the dropdown.

The search feature functions as desired when tabbing into the dropdown.

Has anybody experienced this before? Indications from my project's affected users are that mouse-clicking into the dropdown has worked in the past, which suggests that a recent upgrade to 8.1.28 may be involved. Thanks in advance for your help.

Edit: the view is rendered in a Carousel embedding component.

I have just tested this in 8.1.27 and found the same behaviour as what you have described.
If you click on the dropdown you cannot enter search text, you can only enter search text when tabbing into the dropdown.
What's the reasoning for embedding in a carousel component? Is there another way you can display the dropdown?

image

Thanks for confirmation. The containing view displays what can be thought of as "global" data and "specific" data groupings, where each "specific" data grouping is best viewed with the "global" data. The carousel's "swipability" and spatial tidiness seemed at development time like optimal features to handle rapid user transitions between "specific" data. There may be other acceptable ways to display the data.

If I am understanding correctly, your carousel contains multiple instances of the dropdown view, it is just the data that differs between views?

If that's the case, there is no need to use a carousel. Put your dropdown on the main view and bind its options property to another component used to select which 'group' of data is required. Perhaps that component could be another dropdown.

That seems risky. It's very easy to select the wrong option in a dropdown, maybe because of a mis click, or a wrong maneuver with a keyboard.

1 Like