Status

defect
P3
normal
4 months ago
20 days ago

People

(Reporter: daviewales, Unassigned)

Tracking

(Depends on 1 bug, {webcompat:needs-contact})

Firefox Tracking Flags

(firefox-esr60 affected, firefox64 affected, firefox65 affected, firefox66 ?)

Details

(Whiteboard: [needscontact])

Attachments

(2 attachments)

(Reporter)

Description

4 months ago

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.13; rv:64.0) Gecko/20100101 Firefox/64.0

Steps to reproduce:

Actual results:

  • The locations section overlaps the footer.

Expected results:

  • The footer should be pushed down, so there is no overlap. (Works in Safari and Chrome.)
(Reporter)

Comment 1

4 months ago

Comment 2

4 months ago

I can reproduce the issue on all version of release win10, but not on nightly build.

Fixed range, but this is only nightly build(and early beta):
https://hg.mozilla.org/integration/autoland/pushloghtml?fromchange=4ad2150e73c0b19f1f6264a4b9ad6927986d43ce&tochange=37e0bd919af057d44c5c1410458c0f00a3653c11

And the site uses @-moz-document rule. So, seems this is the site problem.

Status: UNCONFIRMED → NEW
Component: Untriaged → CSS Parsing and Computation
Depends on: 1035091
Ever confirmed: true
OS: Unspecified → All
Product: Firefox → Core

Comment 3

4 months ago

Workaround:
layout.css.moz-document.url-prefix-hack.enabled = false

Bug 1446470 introduced that pref because various sites broke when the code guarded by that pref is enabled. Interesting that this is a case where content breaks without it instead.

I guess Emilio may want to take a look.

Flags: webcompat?
Flags: needinfo?(emilio)
Priority: -- → P3

This is unfortunate, but yeah, I bet fixing bug 1449753 will break more stuff than not... We could give that a try though, there's a long time since anybody has reported any other issue with that, and it's off-by-default on Nightly.

Depends on: 1449753
No longer depends on: 1035091
Flags: needinfo?(emilio)

If this has been our behavior for a long time and there haven't been any other reported issues, do you want to move this to Tech Evangelism?

Flags: needinfo?(emilio)

Sure, sounds good.

Component: CSS Parsing and Computation → Desktop
Flags: webcompat?
Flags: needinfo?(emilio)
Product: Core → Tech Evangelism
Version: 64 Branch → Firefox 64
@-moz-document url-prefix() {
  .banner-small .banner.banner-half {
    padding-bottom: 156.3px;
  }
}

and

@-moz-document url-prefix() {
  main section:nth-of-type(odd) {
    clip-path: url("/styles/Paths.svg#rightSlope");
    margin-top: -156.3px;
    padding-top: 156.3px;
    padding-bottom: 156.3px;
  }
  main section:nth-of-type(even) {
    clip-path: url("/styles/Paths.svg#leftSlope");
    margin-top: -156.3px;
    padding-top: 156.3px;
    padding-bottom: 156.3px;
  }
  main section:nth-of-type(2) {
    clip-path: url("/styles/Paths.svg#leftSteepSlope");
    margin-top: -307.2px;
    padding-top: calc(1rem + 307.2px);
    padding-bottom: 156.3px;
  }
  main section:nth-of-type(1) {
    clip-path: none;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  footer {
    clip-path: url("/styles/Paths.svg#leftSlope");
    margin-top: -156.3px;
    padding-top: 156.3px;
    padding-bottom: 0;
  }
}

Moving to needscontact.

Whiteboard: [needscontact]
(Assignee)

Updated

3 months ago
Component: Desktop → Desktop
Product: Tech Evangelism → Web Compatibility

See bug 1547409. Moving webcompat whiteboard tags to keywords.

You need to log in before you can comment on or make changes to this bug.