808572 - Pressly doesn't support Firefox on Tablets

Status: RESOLVED FIXED

(Web Compatibility :: Site Reports, defect)

Description

[Joe Drew (not getting mail)]

Pressly is a toolkit that news sites uses to create pretty compelling tablet-friendly websites, but right now they don't support Firefox on tablets. I don't know whether simply noticing our UA would be enough, or if they require WebKit-specific extensions.

Comment 1

[Corban Brook]

I have a little time to look into this today. It currently works in Firefox on desktop but last time I checked on Firefox mobile touch support had broken.

Comment 2

[Joe Drew (not getting mail)]

I am Pleased that Corban works for Nulayer. :)

Comment 3

[Corban Brook]

:) Ended up being a problem with a transitionend event not firing after the loading screen fade out. Loading screen fades out and then is suppose to removes itself from DOM on transitionend. Never happened so it was swallowing up all touch events.

Have a few little Firefox related issues to work out like handle orientation change, and some issues with CSS multi-columns, but should have a new build on staging for you to check out some time tomorrow.

Comment 4

[Corban Brook]

Pressly uses the orientationchange event to re flow article text across columns and pages.

Because Firefox does not currently support the orientationchange event Joe Drew pointed me towards a solution using media query listeners. I thought I would persist the solution here:

      // Firefox does not support the orientationchange event but we can acheive the
      // same result with a matchMedia event handler
      var mqOrientation = window.matchMedia("(orientation: portrait)");

      // The Listener will fire whenever this either matches or ceases to match
      mqOrientation.addListener(function() { self.handleViewportChange(); });

Comment 5

[Hallvord R. M. Steen [:hallvors]]

Corban, are these issues now resolved? I'm happy to give @pressly some Twitter praise from the @MozWebCompat account (and close this bug) if it's all fixed now :)

Comment 6

[Karl Dubost💡 :karlcow]

I just tried on Firefox OS Mobile and it is working well. I do not have a tablet. 

Closing.