interstellard / chatgpt-advanced

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

Appearance/Design Bug #213

Open UtkuGARIP opened 1 year ago

UtkuGARIP commented 1 year 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 1 year ago

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

UtkuGARIP commented 1 year 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 1 year ago

i have also facing same error

Osida commented 1 year 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 1 year 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 1 year ago

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