arrow-down arrow at-sign bug check checkbox-checked checkbox-unchecked svg-checkmark chevron-right chevrons-right circle-down circle-left circle-right circle-up cloud2 svg-cross2 download download external-link filter github hash home leaf leaf left link-2 log-in log-out mail menu message-square minus plus radio-checked radio-checked2 radio-unchecked search settings spinner8 target twitter up upload-2 user users warning x zap
  • Home
  • Report a bug
  • Contribute
  • All issues
  • Login

URL: https://www.cineflix.com.br/m/index.html?cinema=3432

Browser / Version: Firefox Desktop Nightly 65.0a1 (2018-11-19) (64-bit)
Operating System: Windows 10
Tested Another Browser: Yes

Problem type: Design is broken
Description: Shopping drop-down menu button is misaligned and the label is cropped.

Steps to reproduce:

  1. Navigate to: https://www.cineflix.com.br/m/index.html?cinema=3432
  2. Observe the "Shopping Menu" button.

Expected Behavior:
The shopping menu button must be placed on the top right side of the page.
The button's label must be fully displayed.

Actual Behavior:
The shopping menu button is displayed on the top left side of the page next to the "cineflix" logo.
The button label is cropped.

Notes:

  1. The issue is also reproducible on Firefox Nightly 65.
  2. The issue is not reproducible on Chrome 70
  3. Screenshot attached.
  4. Affected area:
<div class="x-field-mask" style="" id="ext-element-86"></div>

Watchers:
@softvision-oana-arbuzov
@softvision-sergiulogigan

sv; country: br
Screenshot Description

Browser Configuration
  • None

From webcompat.com with ❤️

Please login to edit issues.

View issue on Github

Shortcut: Press l on your keyboard to open the label editor. Shortcut: Press g on your keyboard to be taken to the GitHub view of this page.
🔒 Closed: Duplicate
#21553

www.cineflix.com.br - Shopping drop-down menu button is misaligned and the label is cropped.

Opened: 2018-11-19
Reporter: cipriansv
Comments: 4
  • Home
  • List of issues
  • About
  • Contribute
  • Contact
  • Privacy Policy
  • Terms of Service
  • Code of Conduct