gradio-app / gradio

Build and share delightful machine learning apps, all in Python. 🌟 Star to support our work!
http://www.gradio.app
Apache License 2.0
33.26k stars 2.51k forks source link

ChatInterface appears vertically compressed in Safari #7908

Closed Gauntlet173 closed 1 week ago

Gauntlet173 commented 6 months ago

Describe the bug

When loading a ChatInterface in Safari, the area of the chatbot is vertically very small, limited to being able to display two one-line message bubbles before scrolling. The same interface loading on Edge and Chrome has the expected size. May be related to #7714, but happens regardless of whether the ChatInterface element is contained.

Have you searched existing issues? 🔎

Reproduction

import gradio as gr
def echo(message,history):
  return message
chat = gr.ChatInterface(echo)
chat.launch()

Screenshot

No response

Logs

No response

System Info

It's happening on a colleagues machine, I don't have the spec.

Severity

I can work around it

dawoodkhan82 commented 6 months ago

@Gauntlet173 I can't seem to reproduce this issue in safari. Can you double check this is still an issue?

msanand commented 6 months ago

+1 I'm seeing this issue on Safari on Mac as well. Refer screenshot. The conversation is restricted to a very small space on top, and does not fill the height available. (gradio v4.26.0, gradio-client v0.15.1)

image
keenranger commented 6 months ago

+1 I also have same issue. This not only affects macOS safari, but iOS safari and iOS chrome which internally use safari.

AmirMenad commented 5 months ago

+1 Same issue here on Safari

ssuzuki-github commented 5 months ago

I have discovered that this phenomenon does not occur in version 4.16.0, but it started occurring in version 4.17.0.

alexeygridnev commented 2 months ago

Still a problem as of the version 4.40.0 . I can only work it around by downgrading gradio to 4.16.0

abidlabs commented 1 week ago

Closed via #9571