Fix an iOS15 issue where Safari tab bar interrupts panning (#11084)

[avpeery]

Cherry-picks #11089 (including, by extension, #11087) into release v1.13.2.

• fix an iOS15 issue where map stops when panning

• fix tests and lint

• Test drag pan handler does not end interaction on resize

• Move blur event reset into non-touch handlers (Move blur event reset into non-touch handlers #11087)

• Move blur event reset into non-touch handlers

• Fix linter

• Fix/amend unit tests

• Flush task queue in rotate test

Co-authored-by: Ricky Reusser ricky.reusser@mapbox.com
Co-authored-by: Ricky Reusser rreusser@users.noreply.github.com

Co-authored-by: Vladimir Agafonkin agafonkin@gmail.com

[rreusser]

Ah, I think the failing test is because I wrote a test that followed the getBoundingClientRect approach to issue a resize. I think you'll need to look at what the syntax was before that change, e.g.:

https://github.com/mapbox/mapbox-gl-js/pull/10936/files#diff-769705513300ce3f3807890b1b8dd7498fdb7e71d428a81d3f27941a70bf01d4L750-L751

(It would definitely be best to fix, but just in case that's really not straightforward for some reason, I wouldn't be extremely opposed to dropping that particular test since changes to these old release branches are so rare.)

[arindam1993]

LGTM! thanks for tackling this!

[avpeery]

Still having two unit tests fail: 'AttributionControl appears in compact mode if container is less then 640 pixel wide' and 'LogoControl appears in compact mode if container is less then 250 pixel wide'... I switched to clientWidth thinking possibly offWidth was causing it to fail. These two tests were here previously. Any ideas @rreusser ?

[avpeery]

I'm removing any change differences to those two unit tests from v1.13.2 branch, if it still breaks I think this line is causing it to break.... I suspect it's because it was changing the canvas container size in the unit tests instead of the container size, so it didn't trigger the resize. @SnailBones @arindam1993 @rreusser Would there ever be a case where there was a resize of the canvas and not container in the previous versions? Maybe there is a fix in a later version that resizes the container if the canvas was resized...

[arindam1993]

@avpeery Is the compact mode Attribution and logo working in a debug page, tho?

[avpeery]

@arindam1993 - Yes both work in the debug page.

[avpeery]

@arindam1993 @rreusser @SnailBones attribution and logo compact mode both work in debug pages. It seems the two tests are failing at the container is a fake object which is does not have transform.width or transform.height. Would it be better to remove these two unit tests or attempt to resolve this?

[rreusser]

Once it looks good to circle-ci, LGTM!