search

Bashamega / WebDevTools

Web Dev Tools is a comprehensive online platform designed to empower web developers with a wide array of code samples and snippets.
https://wdt.adambashaahmednaji.com/
MIT License
48 stars 58 forks source link

[BUG] Preview Overlaps Form Fields in Json Generator #316

Closed Kamaruddheen closed 3 weeks ago

Kamaruddheen commented 3 weeks ago

Has this bug been raised before?

Description

When using the Json Generator page, after filling in the form fields and clicking the "Preview" button, the generated preview overlaps with the form fields. This overlap makes it difficult to view the preview clearly and interact with the form fields.

Expected Behavior: The preview should be displayed in a way that does not overlap with the form fields, allowing users to view the result clearly and continue interacting with the form if necessary.

Actual Behavior: The preview overlaps with the form fields, obstructing the view of the result and making the form fields partially or fully inaccessible.

Steps to Reproduce

  1. Navigate to the Json Generator page.
  2. Enter values in the form fields.
  3. Click the "Preview" button.
  4. Observe that the preview overlaps with the form fields.

Screenshots

Light Light Preview

Dark Dark Preview

Do you want to work on this issue?

Yes

If "yes" to above, please explain how you would technically implement this

We will need to add a background color to the preview section/div. This will ensure that the preview area is visually distinct from the form fields and easier to read.

github-actions[bot] commented 3 weeks ago

Hello! 👋 Thanks for opening this issue. We appreciate your feedback and will look into it as soon as possible. Feel free to add more details if necessary.

Bashamega commented 3 weeks ago

Thanks for raising the issue. I will look into it.

Bashamega commented 3 weeks ago

It should be fixed now

Kamaruddheen commented 3 weeks ago

In darkmode its not in dark preview theme

Bashamega commented 3 weeks ago

In darkmode its not in dark preview theme

Thanks. I am going to fix it.

Bashamega commented 3 weeks ago

it should be fixed in #317

Kamaruddheen commented 3 weeks ago

works like a charm 😎

Bashamega commented 3 weeks ago

works like a charm 😎

Great.

Bashamega commented 3 weeks ago

I am very sorry, I just noticed now that you wanted to work on this issue. If you want you can work on another issue.

Kamaruddheen commented 3 weeks ago

I am very sorry, I just noticed now that you wanted to work on this issue. If you want you can work on another issue.

It's fine. I updated it later after created the PR. So, not a big deal 😅.

Bashamega commented 3 weeks ago

I am very sorry, I just noticed now that you wanted to work on this issue. If you want you can work on another issue.

It's fine. I updated it later after created the PR. So, not a big deal 😅.

Okay