Skip to content

[SF][Form]: in a specific screen width, there is a large distance between label and input #5952

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Closed
1 task done
QiuranHu opened this issue Jun 21, 2024 · 1 comment · Fixed by #5954
Closed
1 task done

[SF][Form]: in a specific screen width, there is a large distance between label and input #5952

QiuranHu opened this issue Jun 21, 2024 · 1 comment · Fixed by #5954
Labels
released

Comments

@QiuranHu
Copy link

Describe the bug

Screenshot 2024-06-21 at 10 49 40
To reproduce, open this example https://stackblitz.com/edit/github-uqzx2y?file=src%2FApp.tsx.
Open the preview in a new tab.
Then adjust the window width to reproduce. In my computer, when the window with is exactly 2047px. This issue will show.

Isolated Example

https://stackblitz.com/edit/github-uqzx2y?file=src%2FApp.tsx

Reproduction steps

...

Expected Behaviour

No response

Screenshots or Videos

No response

UI5 Web Components for React Version

Latest

UI5 Web Components Version

Latest

Browser

Chrome

Operating System

No response

Additional Context

No response

Relevant log output

No response

Organization

SAP SuccessFactors

Declaration

  • I’m not disclosing any internal or sensitive information.
@QiuranHu QiuranHu added the bug label Jun 21, 2024
@QiuranHu QiuranHu changed the title [Form]: in a specific screen width, there is a large distance between label and input [SF][Form]: in a specific screen width, there is a large distance between label and input Jun 21, 2024
@Lukas742 Lukas742 mentioned this issue Jun 21, 2024
Merged
@Lukas742 Lukas742 linked a pull request Jun 21, 2024 that will close this issue
fix(Form): use correct container query if width is float #5954
Merged
Lukas742 added a commit that referenced this issue Jun 21, 2024
@Lukas742
fix(Form): use correct container query if width is float (#5954)
34829f4 
Fixes #5952
@ui5-webcomponents-react-bot
Copy link
Contributor

🎉 This issue has been resolved in version v1.29.3 🎉

The release is available on v1.29.3

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
released
Projects
ui5-webcomponents-react Roadmap
Status: 🆕 New
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(Form): use correct container query if width is float SAP/ui5-webcomponents-react
3 participants
@Lukas742 @ui5-webcomponents-react-bot @QiuranHu