Skip to content
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.

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

🐛 Bug Report: Layout shift in Editor Tab on toggle of Add an Avatar #5902

Open
2 tasks done
vaishak10 opened this issue Jul 1, 2024 · 2 comments
Open
2 tasks done
Labels

Comments

@vaishak10
Copy link

📜 Description

When you edit the In App step, The default view is the editor with Add and Avatar toggle and Add New Feed (optional) option in one side and Search Variables container on the other. The layout contains these 2 containers, But on clicking the Add an avatar toggle, The layout is disrupted and the Search Variables container moves below the Editor container. Even when you toggle back to original state, the Search Variables container is still beneath and doesn't move next to the editor container.

👟 Reproduction steps

When Creating Workflow, after setting up the trigger

  1. Add an In App step
  2. Edit The In App step
  3. Enter the required content inside the editor
  4. Click on Add an Avatar toggle beneath the Editor

👍 Expected behavior

The Variables container should be placed on the right side even when Add an avatar toggle is clicked. The editor and variables containers should not get misplaced in the editor view
Screenshot 2024-07-01 at 10 08 01 PM

Screenshot 2024-07-01 at 10 27 59 PM

👎 Actual Behavior with Screenshots

The Variables container moves beneath editor container when clicked on the Add An Avatar Toggle
Screenshot 2024-07-01 at 10 10 16 PM

Novu version

Novu SaaS.

npm version

NA

node version

NA

📃 Provide any additional context for the Bug.

Once the layout shifts in the Editor tab, We will need to go to Preview tab and navigate again to Editor tab to see the containers in it's original form.
Even if we,

  1. Select the Add an avatar toggle
Screenshot 2024-07-01 at 10 25 39 PM
  1. Switch to Preview
Screenshot 2024-07-01 at 10 25 47 PM
  1. Come back to Editor the containers are placed in it's original layout with Setup an avatar option available in the editor component
Screenshot 2024-07-01 at 10 25 58 PM

Note: Switching the Add an avatar toggle again will cause the same shift in layout!

👀 Have you spent some time to check if this bug has been raised before?

  • I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

Are you willing to submit PR?

Yes I am willing to submit a PR!

Copy link

linear bot commented Jul 1, 2024

@github-actions github-actions bot added the triage label Jul 1, 2024
@vaishak10
Copy link
Author

To The Maintainer,
I am willing to work on this issue as I have figured out the fix!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant