Azure-Samples / azure-search-openai-demo

A sample app for the Retrieval-Augmented Generation pattern running in Azure, using Azure AI Search for retrieval and Azure OpenAI large language models to power ChatGPT-style and Q&A experiences.
https://azure.microsoft.com/products/search
MIT License
5.93k stars 4.08k forks source link

Scrolling bar display issue: multiple scrolling bars when content is too long #2002

Open BetterAndBetterII opened 2 hours ago

BetterAndBetterII commented 2 hours ago

Please provide us with the following information:

This issue is for a: (mark with an x)

- [x] bug report -> please search issues before submitting
- [ ] feature request
- [ ] documentation issue or request
- [ ] regression (a behavior that used to work and stopped in a new release)

Minimal steps to reproduce

Query a series of questions and make the conversation long enough.

image image

Any log messages given by the failure

No log messages

Expected/desired behavior

Hide the right scrolling bar

OS and Version?

Windows 11.

azd version?

latest

Versions

2024-9-26

Mention any other details that might be useful

I think maybe the chatMessageStream and chatInput component cause the issue.

chatInput's sticky style expanded the height of chatMessageStream, so the outside scrolling bar appears.

image


Thanks! We'll be in touch soon.

cforce commented 2 hours ago

Same here

Yuzhong Zhang @.***> schrieb am Sa. 28. Sept. 2024 um 07:01:

Please provide us with the following information:

This issue is for a: (mark with an x)

  • [x] bug report -> please search issues before submitting
  • [ ] feature request
  • [ ] documentation issue or request
  • [ ] regression (a behavior that used to work and stopped in a new release)

Minimal steps to reproduce

Query a series of questions and make the conversation long enough.

image.png (view on web) https://github.com/user-attachments/assets/981d16f6-450e-40b4-a9a0-48e9d151a274 image.png (view on web) https://github.com/user-attachments/assets/2175dd6b-cc6e-4d6d-b421-fa812d161e8a Any log messages given by the failure

No log messages

Expected/desired behavior

Hide the right scrolling bar

OS and Version?

Windows 11.

azd version?

latest

Versions

2024-9-26

Mention any other details that might be useful

I think maybe the chatMessageStream and chatInput component cause the issue.

chatInput's sticky style expanded the height of chatMessageStream, so the outside scrolling bar appears.

image.png (view on web) https://github.com/user-attachments/assets/979cb40b-1fe4-4d8d-a4a1-ae177e6cefbb


Thanks! We'll be in touch soon.

— Reply to this email directly, view it on GitHub https://github.com/Azure-Samples/azure-search-openai-demo/issues/2002, or unsubscribe https://github.com/notifications/unsubscribe-auth/AADAARWZB7EEF4VCQKBL4UDZYYZ4DAVCNFSM6AAAAABPAJBJFSVHI2DSMVQWIX3LMV43ASLTON2WKOZSGU2TIMBRGE2TCMY . You are receiving this because you are subscribed to this thread.Message ID: @.***>