kirbydesign / designsystem

Kirby Design System
https://cookbook.kirby.design
MIT License
83 stars 22 forks source link

[BUG] - Kirby input does not fully center prefix #3341

Open bdunkx opened 7 months ago

bdunkx commented 7 months ago

Describe the bug

When using a kirby input along with a prefix, will the prefix not be fully centered as the input itself when using chrome. If Safari is used instead, then both prefix and input is centered.

Describe how to reproduce the bug

  1. Go to DRB in staging in safari, preferably jyskebank.
  2. Enable both feature toggles: RE2: Enable international transfer & RE2: Enable international transfer for native
  3. Go to the 'Transfer and pay' tab.
  4. Click on the 'Transfer abroad' 5.a. Accept Terms and conditions if needed. 5.b. Select a Germany as country.
  5. Click on 'Next' button.
  6. Select 'Euro' as the currency.
  7. Enter a amount and click 'Next'.
  8. Enter some random numbers, approx. 10.

Which Kirby version was used?

Kirby version: 9.0.0

What was the expected behavior?

The prefix should have been centered as the input itself, and not slightly been more towards the bottom.

Add any screenshots

Screenshot 2024-01-18 at 12 26 53

Please complete the following information:

OS: MacOS Browser Safari Browser version 17.2.1

Are there any additional context?


Checklist:

The following tasks should be carried out in sequence in order to follow the process of contributing correctly.

Verification

To make sure the bug is not intended behaviour; it should be verified by a member of team Kirby before moving on to implementation.

Implementation

The contributor who wants to implement this issue should:

Review

Once the issue has been implemented and is ready for review: