fix(Canvas): allowTouchScrolling interactions

[asturur]

Description

The current canvas.allowTouchScrolling doesn't really work.
close #5903
close #3869
close #9724

This PR changes the behaviour as follow:

allowTouchScrolling enabled set to true

Priority is given to enable scroll on canvas with touch event.
A touchStart event will not be prevented unless we are in drawing mode or we confirm the selection of an object.

If you are drawing, never scroll
if you select an object in this action, scroll
if you deselect the object, scroll
if you click the same object that was already selected, do not scroll.

If you want both touch scrolling and drag objects around, you will have to select with an event and drag the object with another event.

In a mobile device with allowTouchScrolling se to true multi selection by dragging won't work.

When the touchStart is NOT PREVENTED and so a scroll action start, the touch move events are ignore and won't trigger any canvas specific event.

Everything is let to the browser until touchUp fires

allowTouchScrolling disabled

Everything continue as normal

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview

• Run Next Template
• Run Node Template
• Run Vanilla Template
• Run Vue Template

[github-actions]

Build Stats

file / KB (diff)	bundled	minified
fabric	924.189 (+0.631)	306.671 (+0.112)

[asturur]

Needs playwright tests

[github-actions]

Coverage after merging allow-touch-scrolling into master will be

84.44%

Coverage Report

File	Stmts	Branches	Funcs	Lines	Uncovered Lines
fabric.ts	86.60%	20%	0%	95.68%	10, 139, 139, 139, 139, 139, 185, 185, 185, 185, 185, 31, 33, 33, 33, 33, 33–34, 34, 34, 34, 34, 39, 8
index.node.ts	14.29%	100%	0%	25%	23, 26, 29, 41, 44, 47
extensions/aligning_guidelines/util
basic.ts	100%	100%	100%	100%
extensions/data_updaters/origins
index.ts	97.50%	75%	100%	100%	22–23
src
ClassRegistry.ts	91.18%	64.29%	100%	97.92%	35, 56
Collection.ts	72.55%	33.85%	51.61%	84.67%	130, 153, 155–157, 159, 167, 169–170, 181, 197, 217, 228, 241, 243, 245, 252, 254, 263, 265, 270, 279, 281, 286–287, 302, 304, 306, 309–310, 327–328, 328–329, 333–334, 337–338, 338–344, 346–348, 350, 75, 99
CommonMethods.ts	88.57%	64.29%	83.33%	96%	50, 52, 9
EventTypeDefs.ts	100%	100%	100%	100%
Intersection.ts	81.42%	41.30%	73.33%	96.14%	105, 132–133, 166, 184–190, 228, 228, 237, 239, 289–291, 297, 297, 78, 80
Observable.ts	72.25%	44.19%	31.25%	86.36%	144, 153, 156, 168, 170, 172, 175, 41, 43, 68–70, 72, 76, 78, 80, 82–85, 87–91
Point.ts	84.95%	62%	44.12%	92.68%	104, 117, 148, 157, 179, 197, 206, 216, 225, 236–239, 259, 284–285, 294–297, 328, 341, 349, 359, 95
Shadow.ts	80.91%	13.04%	37.50%	90%	139, 139–140, 140–141, 143, 145–150, 159, 176, 176, 176, 176, 194, 194, 196–197, 197, 199, 206, 206, 223–230, 232, 232, 234–235
cache.ts	83.72%	45.45%	75%	90.14%	57, 59, 71–72, 74–77
config.ts	82.21%	20%	44.44%	94.03%	123, 131–132, 134–137, 139, 142–143, 147, 152, 152, 152, 152, 152, 152
constants.ts	100%	100%	100%	100%
typedefs.ts	100%	100%	100%	100%
src/LayoutManager
ActiveSelectionLayoutManager.ts	86.67%	76.92%	28.57%	100%
LayoutManager.ts	89.25%	65.48%	53.85%	99.31%	279, 344, 355
constants.ts	100%	100%	100%	100%
index.ts	48.57%	37.50%	80%	66.67%	1, 1, 1–2, 2, 2–3, 3, 3–4, 4, 4–5, 5, 5, 5–6
types.ts	100%	100%	100%	100%
src/LayoutManager/LayoutStrategies
ClipPathLayout.ts	71.05%	37.50%	100%	78.95%	39, 41–44, 46–48, 54, 57–58, 66–69
FitContentLayout.ts	100%	100%	100%	100%
FixedLayout.ts	85.71%	20%	100%	100%	23, 23
LayoutStrategy.ts	84.30%	50%	71.43%	96.51%	46, 52, 54, 73, 73, 75, 88
utils.ts	62.90%	7.14%	100%	78.72%	28–32, 34–35, 39, 39–44, 47, 47, 47
src/Pattern
Pattern.ts	52.08%	2.86%	10%	63.08%	105–107, 113, 113–114, 117, 117–119, 119, 119–122, 130, 130–132, 132, 132, 132, 132, 132–138, 140–141, 143, 150, 150, 150, 150, 153–160, 160, 160–164, 174–175, 175, 175, 175–176, 176, 176–182, 182, 182, 182–183, 183, 183–188, 190–199, 203–206, 209–210, 212–214, 216–218, 218, 218–221, 33, 37
index.ts	50%	100%	100%	50%	2
types.ts	100%	100%	100%	100%
src/brushes
BaseBrush.ts	78.67%	8.33%	14.29%	88.55%	110, 114, 114–115, 122, 122, 122, 122, 124–125, 130, 135, 143, 146, 155, 155, 155, 155, 155–160, 99
CircleBrush.ts	52.10%	12.50%	12.50%	58.25%	100–108, 108–118, 122, 130–139, 55, 67, 69, 76, 76, 78–79, 79, 83, 85–86, 92–98
PatternBrush.ts	43.48%	0%	0%	53.57%	21, 21, 25–34, 36, 43, 43–44, 51–53, 53, 53–54, 60–64, 64, 64–69
PencilBrush.ts	40.14%	0%	0%	52.02%	103, 103, 116, 122, 122, 124, 129, 138–139, 146, 146, 146–147, 147, 147–152, 152, 152, 152, 152, 155–158, 167–169, 176, 176, 176, 176–177, 181–185, 185, 185, 185, 185, 188–205, 215, 224–232, 232, 235–238, 244, 244, 244–257, 257, 257–266, 274–276, 276, 276–280, 280, 280–299, 54, 54, 68, 68, 71, 71, 71–72, 75, 84, 84, 87, 87–88, 88, 88, 88, 91, 91, 91, 91–92, 92
SprayBrush.ts	51.67%	0%	0%	58.86%	100, 107, 107, 107, 107, 107–112, 118–120, 122, 128–135, 137–139, 141, 141, 141–148, 148, 152, 157, 162, 164, 169–170, 172, 180, 182, 185, 187, 195, 198–200, 200, 200–207, 207, 207–210, 212, 22, 22, 67, 85–87, 94–99
typedefs.ts	100%	100%	100%	100%
src/canvas
Canvas.ts	72.62%	30.48%	82.14%	84.61%	1010–1012, 1015, 1019–1020, 1022–1024, 1029, 1034, 1065, 1072, 1072, 1074, 1077, 1079–1084, 1093, 1120–1121, 1142, 1146, 1153, 1156, 117, 1219–1223, 1265, 1302–1306, 1309, 1326–1327, 1330, 1333, 1349–1350, 1396–1425, 1427–1430, 1434–1437, 1439–1441, 1445, 1447, 1449–1451, 1454–1459, 1462–1464, 1467,

[asturur]

Hopefully this is a welcome improvement.
If not we will have to revert and think of a better fix.