#combobox — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #combobox, aggregated by home.social.
-
🟪 Power Apps Modern Combo Box Update
Microsoft shipped a major Modern Controls update for Power Apps with a transformative Combo Box upgrade. It removes the 800 item limit and adds SearchText for server side filtering so large datasets work without hacks. Selection behavior is improved including clear on click and reliable form integration enabling multi select People Picker patterns.
💡 Thousands item support
🔍 Server side filtering via SearchText
⚖️ Clear on click selection behavior🔹 Try the updated control and share feedback or questions
#PowerApps #PowerPlatform #ComboBox #SharePoint -
Ultimate guide по веб-компонентам
Синхронизация атрибутов элемента с DOM-свойствами Очевидно, что нашему компоненту потребуются атрибуты, через которые пользователь сможет контролировать его поведение. Наш компонент должен вести себя как стандартный элемент ввода типа «input», поэтому обязательно должен поддерживать такие атрибуты как disabled и required – и это самый минимум. Поэтому важно разобраться (ну или вспомнить) что такое «content vs IDL attributes», и как с этим работать. Документация по веб-компонентам мало говорит об атрибутах, разве что рекомендует использовать attributeChangedCallback() для наблюдения за ними, но этого недостаточно. Хотя это полезное API, нам оно не подходит, потому что оно уведомляет нас о уже совершенном действии (изменении атрибута), а нам нужно контролировать этот процесс, то есть – синхронизировать атрибуты и свойства с нормализацией значений. Так как наш компонент наследует базовый класс HTMLElement, а в нем уже реализовано большое количество разных методов, то мы можем переопределить некоторые из них чтобы получить нужный нам результат. Для начала определим наши свойства в виде пар get/set и значения в приватном поле:
-
Ultimate guide по веб-компонентам
Синхронизация атрибутов элемента с DOM-свойствами Очевидно, что нашему компоненту потребуются атрибуты, через которые пользователь сможет контролировать его поведение. Наш компонент должен вести себя как стандартный элемент ввода типа «input», поэтому обязательно должен поддерживать такие атрибуты как disabled и required – и это самый минимум. Поэтому важно разобраться (ну или вспомнить) что такое «content vs IDL attributes», и как с этим работать. Документация по веб-компонентам мало говорит об атрибутах, разве что рекомендует использовать attributeChangedCallback() для наблюдения за ними, но этого недостаточно. Хотя это полезное API, нам оно не подходит, потому что оно уведомляет нас о уже совершенном действии (изменении атрибута), а нам нужно контролировать этот процесс, то есть – синхронизировать атрибуты и свойства с нормализацией значений. Так как наш компонент наследует базовый класс HTMLElement, а в нем уже реализовано большое количество разных методов, то мы можем переопределить некоторые из них чтобы получить нужный нам результат. Для начала определим наши свойства в виде пар get/set и значения в приватном поле:
-
Ultimate guide по веб-компонентам
Синхронизация атрибутов элемента с DOM-свойствами Очевидно, что нашему компоненту потребуются атрибуты, через которые пользователь сможет контролировать его поведение. Наш компонент должен вести себя как стандартный элемент ввода типа «input», поэтому обязательно должен поддерживать такие атрибуты как disabled и required – и это самый минимум. Поэтому важно разобраться (ну или вспомнить) что такое «content vs IDL attributes», и как с этим работать. Документация по веб-компонентам мало говорит об атрибутах, разве что рекомендует использовать attributeChangedCallback() для наблюдения за ними, но этого недостаточно. Хотя это полезное API, нам оно не подходит, потому что оно уведомляет нас о уже совершенном действии (изменении атрибута), а нам нужно контролировать этот процесс, то есть – синхронизировать атрибуты и свойства с нормализацией значений. Так как наш компонент наследует базовый класс HTMLElement, а в нем уже реализовано большое количество разных методов, то мы можем переопределить некоторые из них чтобы получить нужный нам результат. Для начала определим наши свойства в виде пар get/set и значения в приватном поле:
-
Ultimate guide по веб-компонентам
Синхронизация атрибутов элемента с DOM-свойствами Очевидно, что нашему компоненту потребуются атрибуты, через которые пользователь сможет контролировать его поведение. Наш компонент должен вести себя как стандартный элемент ввода типа «input», поэтому обязательно должен поддерживать такие атрибуты как disabled и required – и это самый минимум. Поэтому важно разобраться (ну или вспомнить) что такое «content vs IDL attributes», и как с этим работать. Документация по веб-компонентам мало говорит об атрибутах, разве что рекомендует использовать attributeChangedCallback() для наблюдения за ними, но этого недостаточно. Хотя это полезное API, нам оно не подходит, потому что оно уведомляет нас о уже совершенном действии (изменении атрибута), а нам нужно контролировать этот процесс, то есть – синхронизировать атрибуты и свойства с нормализацией значений. Так как наш компонент наследует базовый класс HTMLElement, а в нем уже реализовано большое количество разных методов, то мы можем переопределить некоторые из них чтобы получить нужный нам результат. Для начала определим наши свойства в виде пар get/set и значения в приватном поле:
-
#Development #Techniques
Menus, toasts and more · Simpler UI components with the popover attribute https://ilo.im/15y5sg_____
#Menu #Toast #Tooltip #Dropdown #Combobox #Popover #WebDev #HTML #CSS #JavaScript -
After a Rich Text Editor, I've now implemented a Combobox component that fits in with the Nord Design System. This is in the new frontend for Provet Cloud and is developed with Vue 3 and Nuxt 3.
-
After a Rich Text Editor, I've now implemented a Combobox component that fits in with the Nord Design System. This is in the new frontend for Provet Cloud and is developed with Vue 3 and Nuxt 3.
-
After a Rich Text Editor, I've now implemented a Combobox component that fits in with the Nord Design System. This is in the new frontend for Provet Cloud and is developed with Vue 3 and Nuxt 3.
-
After a Rich Text Editor, I've now implemented a Combobox component that fits in with the Nord Design System. This is in the new frontend for Provet Cloud and is developed with Vue 3 and Nuxt 3.
-
After a Rich Text Editor, I've now implemented a Combobox component that fits in with the Nord Design System. This is in the new frontend for Provet Cloud and is developed with Vue 3 and Nuxt 3.
-
yes using HTML #datalist over #aria #combobox should be more and more common #webaxe
Datalist over ARIA combobox – Web Axe http://www.webaxe.org/datalist-over-aria-combobox/ -
yes using HTML #datalist over #aria #combobox should be more and more common #webaxe
Datalist over ARIA combobox – Web Axe http://www.webaxe.org/datalist-over-aria-combobox/ -
yes using HTML #datalist over #aria #combobox should be more and more common #webaxe
Datalist over ARIA combobox – Web Axe http://www.webaxe.org/datalist-over-aria-combobox/ -
yes using HTML #datalist over #aria #combobox should be more and more common #webaxe
Datalist over ARIA combobox – Web Axe http://www.webaxe.org/datalist-over-aria-combobox/ -
Endlich kann man das HTML select vernünftig einsetzen.
Okay noch nicht heute, aber testen kann man es schon mal.Und das haben der @holgergp und ich in der neuen Folge Papperlapapp getan.
Das sieht seeehr vielversprechend aus!
-
Endlich kann man das HTML select vernünftig einsetzen.
Okay noch nicht heute, aber testen kann man es schon mal.Und das haben der @holgergp und ich in der neuen Folge Papperlapapp getan.
Das sieht seeehr vielversprechend aus!
