question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Form: On resize all form children dissapper with some breakpoint configurations. Sometimes even randomly on mobile devies.

See original GitHub issue

Describe the bug All formitems/children or buttons disappear when resized. On tablets or smaller devices, sometimes the form randomly turns white and the user has to refresh the page. This is very critical… This example is without formitems, but this happens with formitems as well.

Isolated Example https://codesandbox.io/s/friendly-lalande-tb9u8w?file=/package.json

To Reproduce Steps to reproduce the behavior:

  1. Go to the sandbox
  2. Resize the sceen. Make the sceen whide
  3. See the button dissappers

Expected behavior

Screenshots If applicable, add screenshots to help explain your problem.

UI5 Web Components for React Information @ui5/webcomponents version: 1.8 @ui5/webcomponents-react version: 1.2.2 Operating System: Windows Browser: Chrome

Additional context Add any other context about the problem here.

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
Lukas742commented, Nov 2, 2022

There is nothing planned for this, as the Form is following these design specs. If you want to display a button inside the html <form> tag, but outside of the layout of the Form component you can do so by creating your own Form. For this you need to set the as prop to e.g. "div" (to prevent nested form tags) and then implement the button outside of the Form component.

0reactions
github-actions[bot]commented, Nov 25, 2022

Hey there, it’s me again! I am going close this issue to help our maintainers focus on the current development roadmap instead. If the issue mentioned is still a concern, please open a new ticket and mention this old one.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Form disappears on mobile view. - Jotform
When testing the page with the form, I am making the browser window smaller as it would appear on a tablet or a...
Read more >
My Windows Form keeps on shrinking/resizing on build
It appears that relatively recently, after some form changes, that each time I build and run the solution the form resizes/shrinks. So if...
Read more >
Breakpoint Arrows Don't work well with variable slides - Drupal
Example 1: 2 slides will always fit the largest viewport, therefore arrows will never show up, regardless of viewport. (Not even working on ......
Read more >
How to position and size a form (Windows Forms .NET)
To resize a form, change the Size, which represents the width and height of the form.
Read more >
ThemeNectar | Changelogs - Salient
Added theme option to display arbitrary text within the header - useful for phone numbers, store address etc.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found