We have these components that look the same or similar to ui5-input:
ui5-combobox
ui5-date-picker
ui5-daterange-picker
ui5-datetime-picker
ui5-file-uploader
ui5-input
ui5-multi-combobox
ui5-multi-input
ui5-select
ui5-textarea
ui5-time-picker
ui5-step-input
These components look the same because:
They extend ui5-input.
They follow the ui5-input DOM structure and use its styles.
They use ui5-input in the component shadow DOM.
We should make all input-like components look like the input field.
Note: Since each input like component is implemented in its own way they don't support customization in the same way.
Proposed Solution
Provide an HTML DOM structure that can be reused in every input-like component. (probably the input styles and their complexity will be reduced too)
Expected solution
Provide and document HTML DOM structure that can be reused by different input like components to reduce the maintainability of input like component styles and to prevent deviations between different components.
Bug Description
Components that Look Like
ui5-input
We have these components that look the same or similar to
ui5-input
:These components look the same because:
ui5-input
.ui5-input
DOM structure and use its styles.ui5-input
in the component shadow DOM.We should make all input-like components look like the input field.
Note: Since each input like component is implemented in its own way they don't support customization in the same way.
Proposed Solution
Provide an HTML DOM structure that can be reused in every input-like component. (probably the input styles and their complexity will be reduced too)
Expected solution
Provide and document HTML DOM structure that can be reused by different input like components to reduce the maintainability of input like component styles and to prevent deviations between different components.
Affected Component
All input like components