Blue layer on mobile

New Here ,
Aug 14, 2021 Aug 14, 2021

Copy link to clipboard

Copied

Hello!
I am doing a simple project in adobe animate and my project is working fine on my website in desktop browser, but in mobile browser when I click on the canvas the canvas shows a blue layer.
That blue layer is actually the canvas itself, it turns blue as I click and it's very annoying.
Sin título.jpg

Views

40

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Adobe Community Professional , Aug 14, 2021 Aug 14, 2021
Add this to the CSS for the page: canvas { -webkit-tap-highlight-color: transparent; }

Likes

Translate

Translate
New Here ,
Aug 14, 2021 Aug 14, 2021

Copy link to clipboard

Copied

Ok, i have the same problem in chrome desktop if i'm emulating a mobile device, but not if i'm emulating a mobile device on firefox.
Sprry for my bad english 😐

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Aug 14, 2021 Aug 14, 2021

Copy link to clipboard

Copied

Add this to the CSS for the page:

canvas {
	-webkit-tap-highlight-color: transparent;
}

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Aug 15, 2021 Aug 15, 2021

Copy link to clipboard

Copied

LATEST

Perfect solution, Thank you very much!!

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines