Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Fluent UI] Attach file button is too wide on Safari #5166

Closed
compulim opened this issue May 5, 2024 · 0 comments · Fixed by #5167
Closed

[Fluent UI] Attach file button is too wide on Safari #5166

compulim opened this issue May 5, 2024 · 0 comments · Fixed by #5167
Labels
area-fluent-theme Related to Fluent theme provider bug Indicates an unexpected problem or an unintended behavior.

Comments

@compulim
Copy link
Contributor

compulim commented May 5, 2024

Is it an issue related to Adaptive Cards?

No

Is this an accessibility issue?

No

What version of Web Chat are you using?

Development build

Which distribution are you using Web Chat from?

Unrelated

Which hosting environment does this issue primarily affect?

Web apps

Which browsers and platforms do the issue happened?

Browser: Safari (latest), Platform: iOS/iPadOS

Which area does this issue affect?

Send box

Which theme pack does this issue affect?

Fluent UI

What is the public URL for the website?

No response

Please describe the bug

The "attach file" button is very wide on iOS Safari.

Do you see any errors in console log?

No response

How to reproduce the issue?

  1. On iOS Safari, navigate to https://compulim.github.io/webchat-loader
  2. Starts a chat
  3. Change to Fluent UI theme

What do you expect?

The send box should looks the same as on other platforms.

What actually happened?

The "attach file" button has a lot of padding on the right side of it and is too wide.

When tapped on the padding, it shows the "attach file" action modal, which means that padding is associated to the <input type="file">.

Do you have any screenshots or recordings to repro the issue?

image

Adaptive Card JSON

No response

Additional context

No response

@compulim compulim added the bug Indicates an unexpected problem or an unintended behavior. label May 5, 2024
@compulim compulim added the area-fluent-theme Related to Fluent theme provider label May 5, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area-fluent-theme Related to Fluent theme provider bug Indicates an unexpected problem or an unintended behavior.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant