mapbox / mapbox/mapbox-maps-flutter
text-variable-anchor causes symbol text weirdness [iOS & Android]
Nobody has claimed this yet.
- Dominant language
- Dart
- Stars
- 380
- Forks
- 204
- PR merge metrics
- No merged PRs in 30d
Description
Im getting some weird behavior with a one of my layers when using text-variable-anchor. If I remove this property the issue goes away.
At a specific zoom level (6-7) on an iOS device the text for this symbol layer gets places into diagonal stripes from top to bottom on the screen regularly spaced apart. Below ive attached a style json that allows the issue to be reproduced. This is experienced on 2.8.0 and 2.9.0-rc1.
[VFR-min.json](https://github.com/user-attachments/files/20778790/VFR-min.json)
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Reproduce the issue on iOS using the attached VFR-min.json style at zoom levels 6–7, comparing the symbol layer with and without text-variable-anchor on versions 2.8.0 and 2.9.0-rc1. Done means the regularly spaced diagonal text stripes no longer appear and behavior is checked on both iOS and Android.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- dart, flutter
- Domain
- mobile
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 48/100