interstellard / chatgpt-advanced

WebChatGPT: A browser extension that augments your ChatGPT prompts with web results.
https://webchatgpt.app
MIT License
6.4k stars 834 forks source link

Appearance/Design Bug #213

Open UtkuGARIP opened 10 months ago

UtkuGARIP commented 10 months ago

Hi. I'm using the extension. I opened the ChatGPT page today and this is the look/design. The "things" that should be at the bottom are at the top. Disabling the extension fixes it. Please fix this bug, thanks for the extension. Bug

martinGerez commented 10 months ago

Same error here, it appears to be a bug with new ChatGPT upgrade?

UtkuGARIP commented 10 months ago

Same error here, it appears to be a bug with new ChatGPT upgrade?

I understand that there is nothing I can do as a user, does the extension need to be updated?

shahzad713 commented 10 months ago

i have also facing same error

Osida commented 10 months ago

Upon inspecting the page, I found the current HTML markup can be fixed in the following 2 ways:

  1. Add flex-col to the div with role="presentation", or
  2. Attach absolute to the WebChatGPT div container.

Revised Markup Outcome: <div role="presentation" class="flex flex-col h-full"> Screenshot 2023-08-16 at 9 40 39 PM

<div class="absolute bottom-0 left-0 w-full border-t md:border-t-0 .... /> Screenshot 2023-08-16 at 9 30 13 PM

cenyc commented 10 months ago

Upon inspecting the page, I found the current HTML markup can be fixed in the following 2 ways:

  1. Add flex-col to the div with role="presentation", or
  2. Attach absolute to the WebChatGPT div container.

Revised Markup Outcome: <div role="presentation" class="flex flex-col h-full"> Screenshot 2023-08-16 at 9 40 39 PM

<div class="absolute bottom-0 left-0 w-full border-t md:border-t-0 .... /> Screenshot 2023-08-16 at 9 30 13 PM

But the modification is temporary, how can I inject my changes to the plugin?

UtkuGARIP commented 10 months ago

The problem was solved after one day, at least for me. 👍