Serhii Kulykov

Use Lerna 6 with pnpm instead of yarn workspaces

1

### Describe your motivation We had a few cases when some npm dependency was missing: - https://github.com/vaadin/web-components/pull/4355 - https://github.com/vaadin/web-components/pull/4627 This is a known issue of Lerna known as "[phantom dependencies](https://rushjs.io/pages/advanced/phantom_deps/)"....

### Description Integration tests for grid tooltip delays added by #4676 are quite flaky and fail randomly. Example: https://github.com/vaadin/web-components/actions/runs/3241655226/jobs/5314013986 ``` integration/tests/grid-tooltip.test.js: ❌ tooltip > should use hover delay on cell...

Form participation support for next generation components

1

Investigate [Form participation API](https://web.dev/more-capable-form-controls/#form-associated-custom-elements) support. Use [FormElementMixin](https://github.com/elix/elix/blob/master/src/base/FormElementMixin.js) from Elix as an example.

### Describe your motivation The `vaadin-button` elements for "Today" and "Cancel" buttons are currently in the overlay content shadow dom. This means that they won't be affected by regular styles...

### Describe your motivation The `forgot-password` button inside the `vaadin-login-form` component is currently in the component's shadow DOM. This makes `::part()` based theming a bit awkward as it would require...

### Description When a button that has `tabindex="0"` is moved to the "overflow" menu, all the remaining buttons have `tabindex="-1"`. As a result, it's no longer possible to focus the...

[lumo] Do not use border-radius properties to define margin

4

### Motivation Currently `--lumo-border-radius-*` properties are used in some rather unexpected places. https://github.com/vaadin/web-components/blob/67b8a7ce8d12ef24d8208c41be1f616fc51ccb60/packages/vaadin-lumo-styles/mixins/helper.js#L24 https://github.com/vaadin/web-components/blob/67b8a7ce8d12ef24d8208c41be1f616fc51ccb60/packages/vaadin-lumo-styles/mixins/required-field.js#L18 https://github.com/vaadin/web-components/blob/67b8a7ce8d12ef24d8208c41be1f616fc51ccb60/packages/form-layout/theme/lumo/vaadin-form-item-styles.js#L21 https://github.com/vaadin/web-components/blob/67b8a7ce8d12ef24d8208c41be1f616fc51ccb60/packages/list-box/theme/lumo/vaadin-list-box-styles.js#L19 https://github.com/vaadin/web-components/blob/67b8a7ce8d12ef24d8208c41be1f616fc51ccb60/packages/vaadin-lumo-styles/typography.js#L116 ### Expected outcome Changing the custom CSS property only changes border radius. ###...

[AvatarGroup] Avatar group should not have an auto width of 100%

1

@stefanuebe commented on [Fri Mar 04 2022](https://github.com/vaadin/collaboration-engine/issues/62) **Describe the bug** Currently the avatar group has a width of 100 % set to it. This makes it necessary to add an...

### Describe your motivation Originally reported at https://github.com/vaadin/web-components/issues/4463#issuecomment-1235433473 In some cases, e.g. in `vaadin-avatar-group` it's especially easy to have two overlapping tooltips: https://user-images.githubusercontent.com/10589913/189609544-a5befdce-fa6d-490c-a856-ea513028ae2b.mp4 ```html import '@vaadin/avatar-group'; const group = document.querySelector('vaadin-avatar-group');...

### Describe your motivation Originally reported at https://github.com/vaadin/web-components/pull/4533#discussion_r966581319 Applying margin on the overlay part based on the resulting alignment (after calculation) is a bit problematic because the alignment may no...