creativetimofficial / soft-ui-design-system

Soft UI Design System - Open Source Bootstrap 5 design system
https://demos.creative-tim.com/soft-ui-design-system/index.html
MIT License
200 stars 164 forks source link

[Bug] Input-group styling seems to overflow its container #41

Open MattJonesSiteglide opened 9 months ago

MattJonesSiteglide commented 9 months ago

Version

1.0.9

Reproduction link

https://www.creative-tim.com/learning-lab/bootstrap/input-group/soft-ui-design-system

Operating System

Windows 11

Device

Laptop

Browser & Version

Chrome 119.0.6045.125

Steps to reproduce

1) Check the first example on the page- https://www.creative-tim.com/learning-lab/bootstrap/input-group/soft-ui-design-system

What is expected?

Borders should go consistently around the group.

What is actually happening?

Some elements seem to be cropped as they overflow their container, or are absolutely positioned so some of the element is cropped. See video for how it looks on my browser: https://vimeo.com/885263884/0d8c33ab91?share=copy


Solution

Additional comments

The original BS5 behaviour seems much sharper: https://getbootstrap.com/docs/5.2/forms/input-group/#basic-example