Skip to content

[Select][Web Components][2.20.1]: Incorrect visual implementation of the button leads to vertical misalignment with the input field #13306

@kaloyantinchev

Description

@kaloyantinchev

Bug Description

The button is currently 25 px high, while according to the visual design specification for the Input with Button it should be 26 px, matching the height of the input field. This size difference causes the visual misalignment between the button, icon, and the input field.

Affected Component

Select

Expected Behaviour

Issue is visible and not related to behaviour.

Isolated Example

https://ui5.github.io/webcomponents/play/#eNqNVFtr2zAU_iuqn5IS2R1jMFwnjKbpGC10LM3DwC-KdBqrkyVjy2lNyX_fkWS3Kem6QCA-l-9856rnSGoBT3FhSxWlz5FmJUTpvnIScaMtaIvq7IRSUinWbWrTakHvjRKE0lmus5PL2_nd758L4kBO4f6JYnozzSPQeYQ6pwUm8IvgL2tsp8AJp6k2dpQKuJcaxJg8o07IxhGlRBsN56jYObyP7u33puYgKDfK1JSJh7axb3xJlgzxnVCCZYQXrG7AYkKruyv61efUm1zdqN9KeKxMbfOI9FWj8lEKW0wFbCUH6oUJkVpayRRtOFMw_RSf9cGstMi5ZGWlIEuChGUnfd3Z2oiO-MQw8JrxP30nfR0p2bJ6RGnDqosX09xZxuekALkpsMbPZ2fVk2d7bxoUdD8RtAu5dR82a-UXqtgalGsbEnP0t3W3BAUca53Ng5xmyYvnK7DxXkSKQyDmq1pXyeUiDNj2GFNZafSLebVE8wpbBoIsLbPQBKbg9gHQx_0Odcl0dyTk6hdCrmqmORyJWF2_Znct9UaY8gAZFKEVfqB9b99r8iy0B6N5hpR4k4WnvommtVXr2n65CGGdafa293sE_7w5vCBey8oS21WujtKIVgFOpam5E5nU8UODPHgK3tHHdRsYVrI_1A-3KNpNhkB7z8Og2X8bktP9KIUUQE6TXMvS3RPJozjZMzdt5dQ-PTzYQ6zP4A3-G7YneYQ1N6jRyNlgixqbhGYPkf7rfutnerT7jZvH0d53OMjBOdfYm8aS_nymRBjelugbb8AuFLjPi-6HGB1c1fh8wIZN-RA7LNPYUwaymAmx2KLPDSYFGmrHUeBTjMsxISMYk-nMP6IBHLv9m4dBIhfEltXIE_vtxbA7Fzva7f4Cp8krJA

Steps to Reproduce

Issue is visually rendered and does not need to be reproduced.

Log Output, Stack Trace or Screenshots

No response

Priority

Medium

UI5 Web Components Version

2.20.1

Browser

Chrome

Operating System

iOS

Additional Context

No response

Organization

Core Design

Declaration

  • I’m not disclosing any internal or sensitive information.

Metadata

Metadata

Assignees

Labels

TOPIC PbugThis issue is a bug in the code

Type

No type

Projects

Status

In Progress

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions