surveyjs / survey-creator

Scalable open-source survey software to generate dynamic JSON-driven forms within your JavaScript application. The form builder features a drag-and-drop UI, CSS Theme Editor, and GUI for conditional logic and form branching.
https://surveyjs.io/open-source
Other
896 stars 372 forks source link

Survey creator styling broken causing sidebar to appear at the bottom #4492

Closed iromanro closed 6 months ago

iromanro commented 1 year ago

Are you requesting a feature, reporting a bug or ask a question?

Bug

What is the current behavior?

Broken css styling because of a calculation on a flex

What is the expected behavior?

Styling shouldn't break

How would you reproduce the current behavior (if this is a bug)?

Follow setup steps here: https://surveyjs.io/survey-creator/documentation/get-started-react Open survey creator, notice the sidebar appears at the bottom instead of at the side https://jumpshare.com/v/wOW4F4MldLTr1z0V0CNr

Commenting out line 4807 in survey-creator-core.css fixes the issue.

Specify your

JaneSjs commented 1 year ago

Hello @iromanro, Thank you for reaching out to us. Please refer to the following demo: View Demo.

It shows a sample example on how to integrate a Survey Creator into a React app. Please review the creator to confirm that a sidebar appears correctly: image

Please ensure that you correctly installed the following packages, and that they have the same version:

"survey-core": "1.9.105",
"survey-creator-core": "1.9.105",
"survey-creator-react": "1.9.105",
"survey-react-ui": "1.9.105"

If the issue remains, please share a problematic demo for research.

I look forward to your reply.

ajithberlin commented 1 year ago

I am also Facing this issue, image image

JaneSjs commented 1 year ago

Hi @ajithberlin, Thank you for a follow-up. Unfortunately, I couldn't produce this issue on my end. Please share a reproducible demo for research.

JaneSjs commented 6 months ago

Hi @ajithberlin, Unfortunately, I didn't receive a problematic demo from your end. Should you require further assistance, please feel free to reactivate this thread.