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

sway.office.com - "Page" drop-down menu option is truncated #88375

Closed
softvision-oana-arbuzov opened this issue Sep 29, 2021 · 3 comments
Closed
Labels
browser-firefox engine-gecko The browser uses the Gecko rendering engine priority-critical priority-normal severity-minor The site has a cosmetic issue.
Milestone

Comments

@softvision-oana-arbuzov
Copy link
Member

softvision-oana-arbuzov commented Sep 29, 2021

URL: https://sway.office.com/sales_pitch

Browser / Version: Firefox 94.0
Operating System: Windows 10
Tested Another Browser: Yes Chrome

Problem type: Design is broken
Description: Items not fully visible

Prerequisites:
Signed in with Microsoft account.

Steps to Reproduce:

  1. Navigate to https://sway.office.com/sales_pitch
  2. Scroll down to "Partnering around mutual benefit" section.
  3. Click the expand arrow on the graph.
  4. Observe "Page" drop-down menu option (bottom left side).

Expected Behavior:
The options is fully visible.

Actual Behavior:
The options is displayed truncated.

Notes:

  1. Screenshot attached.
  2. The issue is not reproducible on Chrome.

Watchers:
@softvision-oana-arbuzov
@softvision-raul-bucata

View the screenshot Screenshot
Browser Configuration
  • None

From webcompat.com with ❤️

@webcompat-bot webcompat-bot added this to the needstriage milestone Sep 29, 2021
@webcompat-bot webcompat-bot added browser-firefox engine-gecko The browser uses the Gecko rendering engine priority-critical labels Sep 29, 2021
@softvision-oana-arbuzov softvision-oana-arbuzov changed the title sway.office.com - design is broken sway.office.com - "Page" drop-down menu option is truncated Sep 29, 2021
@karlcow
Copy link
Member

karlcow commented Oct 12, 2021

Exactly same type of issues than #88526

@softvision-oana-arbuzov
Copy link
Member Author

It seems that this does not require a sign in, but it is probably a Windows specific issue.

Affected area:

<div class="mat-select-value ng-tns-c87-1" id="mat-select-value-1">
 <!---->
 <span class="mat-select-value-text ng-tns-c87-1 ng-star-inserted">
  <span class="mat-select-min-line ng-tns-c87-1 ng-star-inserted">Page 1</span>
  <!---->
  <!---->
 </span>
 <!---->
</div>

Note: If I disabled overflow:hidden, the text is fully visible.
image

Tested with:
Browser / Version: Firefox Nightly 95.0a1 (2021-10-11)
Operating System: Windows 10 Pro

@softvision-raul-bucata
Copy link

Based on what you described, the issue has evolved and can be reproduced on other browsers and it is not a Compatibility issue. The chart is no longer available.

This is the result using Firefox Nightly:
Screenshot_7

And this is the result using Chrome:
Screenshot_6

For this project, we try to focus our effort on layouts, features, or content that works as expected in one browser but not in another.

Tested with:

Browser / Version: Firefox Nightly 107.0a1 (2022-10-11) (64-bit) /Chrome Version Version 106.0.5249.103 (Official Build) (64-bit)
Operating System: Windows 10 PRO x64

Closing this as Non-compat

[qa_41/2022]

@softvision-raul-bucata softvision-raul-bucata closed this as not planned Won't fix, can't repro, duplicate, stale Oct 11, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
browser-firefox engine-gecko The browser uses the Gecko rendering engine priority-critical priority-normal severity-minor The site has a cosmetic issue.
Projects
None yet
Development

No branches or pull requests

5 participants