ui.select with_input=True does not work with props 'use-chips'

[groucho86]

Description

Unable to select/mouse click filtered dropdown when use-chips is enabled.

eg:

from nicegui import ui
names = ['Alice', 'Bob', 'Carol']
ui.select(names, multiple=True, value=names[:2], label='with chips', with_input=True) \
    .props('use-chips').classes('w-64')
ui.run()

[falkoschindler]

Thanks for bringing this up, @groucho86!

The problem is that we set hide-selected if with_input is true. Otherwise you'd see the current name twice, which looks odd. But for multi-selection hide-selected might not be a good choice. Maybe we should set it only if multiple is false...

For now, you can work around this problem by explicitly removing hide-selected:

ui.select(['Alice', 'Bob', 'Carol'], multiple=True, with_input=True).classes('w-64') \
    .props('use-chips', remove='hide-selected')