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

assessments.michaelhyatt.com - site is not usable #25280

Closed
birtles opened this issue Feb 2, 2019 · 19 comments
Closed

assessments.michaelhyatt.com - site is not usable #25280

birtles opened this issue Feb 2, 2019 · 19 comments
Labels
browser-firefox type-event-touch related to Touch events type-js Generic JS issues
Milestone

Comments

@birtles
Copy link

birtles commented Feb 2, 2019

URL: https://assessments.michaelhyatt.com/lifescore/assessment/

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

Problem type: Site is not usable
Description: Hovering over options does not update the text
Steps to Reproduce:

  1. Go to https://assessments.michaelhyatt.com/lifescore/assessment/
  2. Select "Emotional"
  3. Click "Next" in the bottom right
  4. Hover over the button that says "3"

Expected results:
The text that says,

"Hover over each rating above. If the description that appears here aligns with your current reality, select that rating."

should be replaced with,

"I am generally happy and upbeat. I am confident and rarely worry. I manage stress in a healthy way. I give others the benefit of the doubt and am quick to forgive."

Actual results:
The text does not update.

Works as expected in Chrome.

Browser Configuration
  • mixed active content blocked: false
  • image.mem.shared: true
  • buildID: 20190201221223
  • tracking content blocked: false
  • gfx.webrender.blob-images: true
  • hasTouchScreen: true
  • mixed passive content blocked: false
  • gfx.webrender.enabled: false
  • gfx.webrender.all: false
  • channel: nightly

Console Messages:

[u'[console.log(JQMIGRATE: Migrate is installed, version 1.4.1) https://assessments.michaelhyatt.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1:2:542]', u'[JavaScript Warning: "Request to access cookie or storage on https://www.googletagmanager.com/gtm.js?id=GTM-KWXXZ35 was blocked because it came from a tracker and content blocking is enabled." {file: "https://assessments.michaelhyatt.com/lifescore/assessment/#gf_1" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://www.google-analytics.com/analytics.js was blocked because it came from a tracker and content blocking is enabled." {file: "https://assessments.michaelhyatt.com/lifescore/assessment/#gf_1" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://connect.facebook.net/en_US/fbevents.js was blocked because it came from a tracker and content blocking is enabled." {file: "https://assessments.michaelhyatt.com/lifescore/assessment/#gf_1" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://www.google-analytics.com/collect?v=1&_v=j73&a=1555773205&t=pageview&_s=1&dl=https%3A%2F%2Fassessments.michaelhyatt.com%2Flifescore%2Fassessment%2F&ul=en-us&de=UTF-8&dt=The%20LifeScore%20Assessment%20by%20Michael%20Hyatt&sd=24-bit&sr=1500x1000&vp=1500x886&je=0&_u=QACAAEAB~&jid=&gjid=&cid=1790874629.1549109039&tid=UA-3183277-13&_gid=1662072905.1549109039>m=2wg1d1KWXXZ35&z=421629195 was blocked because it came from a tracker and content blocking is enabled." {file: "https://assessments.michaelhyatt.com/lifescore/assessment/#gf_1" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://connect.facebook.net/signals/config/1448855485210335?v=2.8.39&r=stable was blocked because it came from a tracker and content blocking is enabled." {file: "https://assessments.michaelhyatt.com/lifescore/assessment/#gf_1" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://connect.facebook.net/signals/config/570361576399617?v=2.8.39&r=stable was blocked because it came from a tracker and content blocking is enabled." {file: "https://assessments.michaelhyatt.com/lifescore/assessment/#gf_1" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://www.facebook.com/tr/?id=1448855485210335&ev=PageView&dl=https%3A%2F%2Fassessments.michaelhyatt.com%2Flifescore%2Fassessment%2F%23gf_1&rl=https%3A%2F%2Fassessments.michaelhyatt.com%2Flifescore%2Fassessment%2F&if=false&ts=1549109088844&sw=1500&sh=1000&v=2.8.39&r=stable&ec=0&o=30&fbp=fb.1.1549109039981.416262601&it=1549109088452&coo=false&rqm=GET was blocked because it came from a tracker and content blocking is enabled." {file: "https://assessments.michaelhyatt.com/lifescore/assessment/#gf_1" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://www.facebook.com/tr/?id=570361576399617&ev=PageView&dl=https%3A%2F%2Fassessments.michaelhyatt.com%2Flifescore%2Fassessment%2F%23gf_1&rl=https%3A%2F%2Fassessments.michaelhyatt.com%2Flifescore%2Fassessment%2F&if=false&ts=1549109088856&sw=1500&sh=1000&v=2.8.39&r=stable&ec=0&o=30&fbp=fb.1.1549109039981.416262601&it=1549109088452&coo=false&rqm=GET was blocked because it came from a tracker and content blocking is enabled." {file: "https://assessments.michaelhyatt.com/lifescore/assessment/#gf_1" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://www.facebook.com/tr/?id=570361576399617&ev=PageView&dl=https%3A%2F%2Fassessments.michaelhyatt.com%2Flifescore%2Fassessment%2F%23gf_1&rl=https%3A%2F%2Fassessments.michaelhyatt.com%2Flifescore%2Fassessment%2F&if=false&ts=1549109088856&sw=1500&sh=1000&v=2.8.39&r=stable&ec=0&o=30&fbp=fb.1.1549109039981.416262601&it=1549109088452&coo=false&rqm=GET was blocked because it came from a tracker and content blocking is enabled." {file: "https://assessments.michaelhyatt.com/lifescore/assessment/#gf_1" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://www.facebook.com/tr/?id=1448855485210335&ev=PageView&dl=https%3A%2F%2Fassessments.michaelhyatt.com%2Flifescore%2Fassessment%2F%23gf_1&rl=https%3A%2F%2Fassessments.michaelhyatt.com%2Flifescore%2Fassessment%2F&if=false&ts=1549109088844&sw=1500&sh=1000&v=2.8.39&r=stable&ec=0&o=30&fbp=fb.1.1549109039981.416262601&it=1549109088452&coo=false&rqm=GET was blocked because it came from a tracker and content blocking is enabled." {file: "https://assessments.michaelhyatt.com/lifescore/assessment/#gf_1" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://js.hs-analytics.net/analytics/1549108800000/5213624.js was blocked because it came from a tracker and content blocking is enabled." {file: "https://assessments.michaelhyatt.com/lifescore/assessment/#gf_1" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://track.hubspot.com/__ptq.gif?k=1&sd=1500x1000&cd=24-bit&cs=UTF-8&ln=en-us&bfp=2159752846&v=1.1&a=5213624&rcu=https%3A%2F%2Fassessments.michaelhyatt.com%2Flifescore%2Fassessment%2F&r=https%3A%2F%2Fassessments.michaelhyatt.com%2Flifescore%2Fassessment%2F&pu=https%3A%2F%2Fassessments.michaelhyatt.com%2Flifescore%2Fassessment%2F%23gf_1&t=The+LifeScore+Assessment+by+Michael+Hyatt&cts=1549109089109&vi=5ee8dc4bc7f6b41e01b9b7b07e685192&nc=false&u=114067928.5ee8dc4bc7f6b41e01b9b7b07e685192.1549109040966.1549109040966.1549109040966.1&b=114067928.3.1549109040967 was blocked because it came from a tracker and content blocking is enabled." {file: "https://assessments.michaelhyatt.com/lifescore/assessment/#gf_1" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://track.hubspot.com/__ptq.gif?k=1&sd=1500x1000&cd=24-bit&cs=UTF-8&ln=en-us&bfp=2159752846&v=1.1&a=5213624&rcu=https%3A%2F%2Fassessments.michaelhyatt.com%2Flifescore%2Fassessment%2F&r=https%3A%2F%2Fassessments.michaelhyatt.com%2Flifescore%2Fassessment%2F&pu=https%3A%2F%2Fassessments.michaelhyatt.com%2Flifescore%2Fassessment%2F%23gf_1&t=The+LifeScore+Assessment+by+Michael+Hyatt&cts=1549109089109&vi=5ee8dc4bc7f6b41e01b9b7b07e685192&nc=false&u=114067928.5ee8dc4bc7f6b41e01b9b7b07e685192.1549109040966.1549109040966.1549109040966.1&b=114067928.3.1549109040967 was blocked because it came from a tracker and content blocking is enabled." {file: "https://assessments.michaelhyatt.com/lifescore/assessment/#gf_1" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://www.facebook.com/tr/?id=1448855485210335&ev=Microdata&dl=https%3A%2F%2Fassessments.michaelhyatt.com%2Flifescore%2Fassessment%2F%23gf_1&rl=https%3A%2F%2Fassessments.michaelhyatt.com%2Flifescore%2Fassessment%2F&if=false&ts=1549109089573&cd[Schema.org]=%5B%7B%22type%22%3A%22https%3A%2F%2Fschema.org%2FWebPage%22%2C%22properties%22%3A%7B%7D%2C%22dimensions%22%3A%7B%22w%22%3A1500%2C%22h%22%3A537%7D%2C%22subscopes%22%3A%5B%5D%7D%5D&cd[OpenGraph]=%7B%22og%3Alocale%22%3A%22en_US%22%2C%22og%3Asite_name%22%3A%22Michael%20Hyatt%20Assessments%22%2C%22og%3Atitle%22%3A%22Assessment%22%2C%22og%3Aurl%22%3A%22https%3A%2F%2Fassessments.michaelhyatt.com%2Flifescore%2Fassessment%2F%22%2C%22og%3Atype%22%3A%22article%22%2C%22og%3Adescription%22%3A%22Assessment%22%2C%22article%3Apublisher%22%3A%22https%3A%2F%2Fwww.facebook.com%2Fmichaelhyatt%22%7D&cd[Meta]=%7B%22title%22%3A%22The%20LifeScore%20Assessment%20by%20Michael%20Hyatt%22%7D&cd[DataLayer]=%5B%5D&cd[JSON-LD]=%5B%5D&sw=1500&sh=1000&v=2.8.39&r=stable&ec=1&o=30&fbp=fb.1.1549109039981.416262601&it=1549109088452&coo=false&eid=&es=automatic&rqm=GET was blocked because it came from a tracker and content blocking is enabled." {file: "https://assessments.michaelhyatt.com/lifescore/assessment/#gf_1" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://www.facebook.com/tr/?id=1448855485210335&ev=Microdata&dl=https%3A%2F%2Fassessments.michaelhyatt.com%2Flifescore%2Fassessment%2F%23gf_1&rl=https%3A%2F%2Fassessments.michaelhyatt.com%2Flifescore%2Fassessment%2F&if=false&ts=1549109089573&cd[Schema.org]=%5B%7B%22type%22%3A%22https%3A%2F%2Fschema.org%2FWebPage%22%2C%22properties%22%3A%7B%7D%2C%22dimensions%22%3A%7B%22w%22%3A1500%2C%22h%22%3A537%7D%2C%22subscopes%22%3A%5B%5D%7D%5D&cd[OpenGraph]=%7B%22og%3Alocale%22%3A%22en_US%22%2C%22og%3Asite_name%22%3A%22Michael%20Hyatt%20Assessments%22%2C%22og%3Atitle%22%3A%22Assessment%22%2C%22og%3Aurl%22%3A%22https%3A%2F%2Fassessments.michaelhyatt.com%2Flifescore%2Fassessment%2F%22%2C%22og%3Atype%22%3A%22article%22%2C%22og%3Adescription%22%3A%22Assessment%22%2C%22article%3Apublisher%22%3A%22https%3A%2F%2Fwww.facebook.com%2Fmichaelhyatt%22%7D&cd[Meta]=%7B%22title%22%3A%22The%20LifeScore%20Assessment%20by%20Michael%20Hyatt%22%7D&cd[DataLayer]=%5B%5D&cd[JSON-LD]=%5B%5D&sw=1500&sh=1000&v=2.8.39&r=stable&ec=1&o=30&fbp=fb.1.1549109039981.416262601&it=1549109088452&coo=false&eid=&es=automatic&rqm=GET was blocked because it came from a tracker and content blocking is enabled." {file: "https://assessments.michaelhyatt.com/lifescore/assessment/#gf_1" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://www.facebook.com/tr/?id=570361576399617&ev=Microdata&dl=https%3A%2F%2Fassessments.michaelhyatt.com%2Flifescore%2Fassessment%2F%23gf_1&rl=https%3A%2F%2Fassessments.michaelhyatt.com%2Flifescore%2Fassessment%2F&if=false&ts=1549109089628&cd[Schema.org]=%5B%7B%22type%22%3A%22https%3A%2F%2Fschema.org%2FWebPage%22%2C%22properties%22%3A%7B%7D%2C%22dimensions%22%3A%7B%22w%22%3A1500%2C%22h%22%3A536%7D%2C%22subscopes%22%3A%5B%5D%7D%5D&cd[OpenGraph]=%7B%22og%3Alocale%22%3A%22en_US%22%2C%22og%3Asite_name%22%3A%22Michael%20Hyatt%20Assessments%22%2C%22og%3Atitle%22%3A%22Assessment%22%2C%22og%3Aurl%22%3A%22https%3A%2F%2Fassessments.michaelhyatt.com%2Flifescore%2Fassessment%2F%22%2C%22og%3Atype%22%3A%22article%22%2C%22og%3Adescription%22%3A%22Assessment%22%2C%22article%3Apublisher%22%3A%22https%3A%2F%2Fwww.facebook.com%2Fmichaelhyatt%22%7D&cd[Meta]=%7B%22title%22%3A%22The%20LifeScore%20Assessment%20by%20Michael%20Hyatt%22%7D&cd[DataLayer]=%5B%5D&cd[JSON-LD]=%5B%5D&sw=1500&sh=1000&v=2.8.39&r=stable&ec=1&o=30&fbp=fb.1.1549109039981.416262601&it=1549109088452&coo=false&eid=&es=automatic&rqm=GET was blocked because it came from a tracker and content blocking is enabled." {file: "https://assessments.michaelhyatt.com/lifescore/assessment/#gf_1" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://www.facebook.com/tr/?id=570361576399617&ev=Microdata&dl=https%3A%2F%2Fassessments.michaelhyatt.com%2Flifescore%2Fassessment%2F%23gf_1&rl=https%3A%2F%2Fassessments.michaelhyatt.com%2Flifescore%2Fassessment%2F&if=false&ts=1549109089628&cd[Schema.org]=%5B%7B%22type%22%3A%22https%3A%2F%2Fschema.org%2FWebPage%22%2C%22properties%22%3A%7B%7D%2C%22dimensions%22%3A%7B%22w%22%3A1500%2C%22h%22%3A536%7D%2C%22subscopes%22%3A%5B%5D%7D%5D&cd[OpenGraph]=%7B%22og%3Alocale%22%3A%22en_US%22%2C%22og%3Asite_name%22%3A%22Michael%20Hyatt%20Assessments%22%2C%22og%3Atitle%22%3A%22Assessment%22%2C%22og%3Aurl%22%3A%22https%3A%2F%2Fassessments.michaelhyatt.com%2Flifescore%2Fassessment%2F%22%2C%22og%3Atype%22%3A%22article%22%2C%22og%3Adescription%22%3A%22Assessment%22%2C%22article%3Apublisher%22%3A%22https%3A%2F%2Fwww.facebook.com%2Fmichaelhyatt%22%7D&cd[Meta]=%7B%22title%22%3A%22The%20LifeScore%20Assessment%20by%20Michael%20Hyatt%22%7D&cd[DataLayer]=%5B%5D&cd[JSON-LD]=%5B%5D&sw=1500&sh=1000&v=2.8.39&r=stable&ec=1&o=30&fbp=fb.1.1549109039981.416262601&it=1549109088452&coo=false&eid=&es=automatic&rqm=GET was blocked because it came from a tracker and content blocking is enabled." {file: "https://assessments.michaelhyatt.com/lifescore/assessment/#gf_1" line: 0}]']

Reported by @birtles

From webcompat.com with ❤️

@softvision-sergiulogigan

Thanks for the report, but I'm not able to reproduce the issue.

Tested with:
Browser / Version: Firefox Nightly 67.0a1 (2019-02-18)
Operating System: Windows 10 Pro

@birtles , could you please update to the latest Firefox version, and give it another try?
Also could you try clearing cache/data/cookies, disable Ad-blocker (if available), or use a clean profile (about:profiles), and check again?

screenrecording

@birtles
Copy link
Author

birtles commented Feb 19, 2019

Yes, it is working for me now. I tested in latest Nightly both when I filed this issue 17 days ago and now so it appears this has been fixed in Nightly in the last 17 days. Testing with Firefox 65 the error still reproduces. It would be good to find a fix range for this so we don't regress it.

@softvision-sergiulogigan would you mind running mozregression on this to find the fix?

@softvision-sergiulogigan

I cannot reproduce the issue on Release either, @birtles

screen capture

I also ran MozRegression starting with 1st of January. I was unable to find a build where the animation fails.

image

All the "bad" builds are actually the builds that were displaying the animation.

@birtles
Copy link
Author

birtles commented Feb 21, 2019

Hmm, that's odd although it's not the animation that's the problem, it's the text not updating.

On a clean profile on Firefox 65.0.1 on Windows 10 I can see the animation but the text below doesn't update. I've just re-tested now with a completely new profile and I can still reproduce.

The release binary I have is a localized Japanese one and I am accessing from Japan but I don't think that should affect it.

@birtles
Copy link
Author

birtles commented Feb 21, 2019

Even after setting English to my preferred language, I can still reproduce the problem.

The only other setting I notice that is interesting is that, because I am testing on a touchscreen laptop, accessibility services appear to be enabled.

@karlcow
Copy link
Member

karlcow commented Feb 22, 2019

to reproduce.

  1. Start the responsive design mode.
  2. Choose the Laptop with touch in the top left menu.
  3. Follow the steps given by @birtles

@karlcow karlcow reopened this Feb 22, 2019
@karlcow karlcow modified the milestones: worksforme, needsdiagnosis Feb 22, 2019
@karlcow karlcow self-assigned this Feb 22, 2019
@karlcow
Copy link
Member

karlcow commented Feb 22, 2019

And there is this in their code

		// Only run the over effects if not touchscreen:
		if ( !isTouchDevice ) {	
			$(".base-question li").mouseenter( handlerIn ).mouseleave( handlerOut );
		}
		
		function handlerIn() {
			var idVal = $(this).find('input[type=radio]').attr("id");
			var hoverDesc = $("label[for='"+idVal+"']").text();
			var thisPage = $(this).closest(".gform_page");			
			$('.base-question-desc', thisPage).css("display", "none");
			$(".base-question").append('<div class="base-question-desc-hover" style="text-align:center;">' + hoverDesc + '</div>');
		}
		
		function handlerOut() {
			var thisPage = $(this).closest(".gform_page");
			$('.base-question-desc-hover').remove();			
			$('.base-question-desc', thisPage).css("display", "block");	
			
			
		}

@karlcow
Copy link
Member

karlcow commented Feb 22, 2019

so I think that's the reason, they don't think that laptop with touch screen exists.

pushing to needscontact.

@karlcow karlcow modified the milestones: needsdiagnosis, needscontact Feb 22, 2019
@karlcow karlcow removed their assignment Feb 22, 2019
@karlcow karlcow added the type-js Generic JS issues label Feb 22, 2019
@karlcow
Copy link
Member

karlcow commented Feb 22, 2019

and the test for the touch is done by

		var isTouchDevice = ('ontouchstart' in window || 'onmsgesturechange' in window);

@karlcow
Copy link
Member

karlcow commented Feb 22, 2019

This might rely on a bug in Chrome.
https://bugs.chromium.org/p/chromium/issues/detail?id=467934

@karlcow
Copy link
Member

karlcow commented Feb 22, 2019

@birtles
Copy link
Author

birtles commented Feb 22, 2019

This is the opposite case though. On a Dell XPS 15 with Windows 10, ('ontouchstart' in window) returns false even though it is a touch screen device. Firefox correctly returns true, which happens to break this site.

@birtles
Copy link
Author

birtles commented Feb 22, 2019

Looks like Chrome deliberately disable this on desktop: https://bugs.chromium.org/p/chromium/issues/detail?id=392584#c22
/cc @RByers

@birtles
Copy link
Author

birtles commented Feb 22, 2019

There was some discussion here: https://lists.w3.org/Archives/Public/public-touchevents/2016Dec/0007.html

I guess Firefox never followed the Chrome proposal there.

/cc @smaug----

@RByers
Copy link

RByers commented Feb 22, 2019

See additional context at w3c/touch-events#64 and https://bugzilla.mozilla.org/show_bug.cgi?id=1412485. To me, "'ontouchstart' in window" seems irreparably baked into the web to mean "is this a phone". I don't love any of the work-arounds we've had over the years TBH...

@birtles
Copy link
Author

birtles commented Feb 22, 2019

Thanks Rick! That's very helpful.

@karlcow
Copy link
Member

karlcow commented Feb 24, 2019

Like here in #25966 there are issues with touch/non touch on desktop.

And in addition to window, this one reports false on chrome too.

  isTouch: 'ontouchstart' in document.documentElement,

@webcompat-bot webcompat-bot modified the milestones: needscontact, duplicate Feb 24, 2019
@karlcow
Copy link
Member

karlcow commented Feb 24, 2019

Close as duplicate of #1412485 (Mozilla)

@karlcow karlcow added the type-event-touch related to Touch events label Feb 24, 2019
@lock
Copy link

lock bot commented Mar 3, 2019

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue at https://webcompat.com/issues/new if you are experiencing a similar problem.

@lock lock bot locked as resolved and limited conversation to collaborators Mar 3, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
browser-firefox type-event-touch related to Touch events type-js Generic JS issues
Projects
None yet
Development

No branches or pull requests

5 participants