Fixes the crash by limiting the overscale number to 128 on safari (#6526)

* Fixes the crash by limiting the overscale number to 128 on safari

* Add changelog

* Fix condition by reversing it...

Author: HarelM

CHANGELOG.md

@@ -7,6 +7,7 @@
 
 ### 🐞 Bug fixes
 - Added `button` role to marker div to fix accessibility issues with the `aria-label` ([#6435](https://github.com/maplibre/maplibre-gl-js/issues/6435))
+- Fix a crash on iOS when there are too many symbols to render ([#6526](https://github.com/maplibre/maplibre-gl-js/issues/6526))
 
 ## 5.8.0
 

src/data/bucket/symbol_bucket.ts

@@ -37,6 +37,7 @@ import {EvaluationParameters} from '../../style/evaluation_parameters';
 import {Formatted, ResolvedImage} from '@maplibre/maplibre-gl-style-spec';
 import {rtlWorkerPlugin} from '../../source/rtl_text_plugin_worker';
 import {getOverlapMode} from '../../style/style_layer/overlap_mode';
+import {isSafari} from '../../util/util';
 import type {CanonicalTileID} from '../../source/tile_id';
 import type {
     Bucket,
@@ -362,7 +363,7 @@ export class SymbolBucket implements Bucket {
     constructor(options: BucketParameters<SymbolStyleLayer>) {
         this.collisionBoxArray = options.collisionBoxArray;
         this.zoom = options.zoom;
-        this.overscaling = options.overscaling;
+        this.overscaling = isSafari(globalThis) ? Math.min(options.overscaling, 128) : options.overscaling;
         this.layers = options.layers;
         this.layerIds = this.layers.map(layer => layer.id);
         this.index = options.index;