{"action":"created","issue":{"url":"https://api.github.com/repos/mapbox/mapbox-gl-native/issues/13074","repository_url":"https://api.github.com/repos/mapbox/mapbox-gl-native","labels_url":"https://api.github.com/repos/mapbox/mapbox-gl-native/issues/13074/labels{/name}","comments_url":"https://api.github.com/repos/mapbox/mapbox-gl-native/issues/13074/comments","events_url":"https://api.github.com/repos/mapbox/mapbox-gl-native/issues/13074/events","html_url":"https://github.com/mapbox/mapbox-gl-native/issues/13074","id":368640280,"node_id":"MDU6SXNzdWUzNjg2NDAyODA=","number":13074,"title":"MGLFillStyleLayer border flicker in upper part of MGLMapView","user":{"login":"SandipBuchade","id":42802812,"node_id":"MDQ6VXNlcjQyODAyODEy","avatar_url":"https://avatars1.githubusercontent.com/u/42802812?v=4","gravatar_id":"","url":"https://api.github.com/users/SandipBuchade","html_url":"https://github.com/SandipBuchade","followers_url":"https://api.github.com/users/SandipBuchade/followers","following_url":"https://api.github.com/users/SandipBuchade/following{/other_user}","gists_url":"https://api.github.com/users/SandipBuchade/gists{/gist_id}","starred_url":"https://api.github.com/users/SandipBuchade/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/SandipBuchade/subscriptions","organizations_url":"https://api.github.com/users/SandipBuchade/orgs","repos_url":"https://api.github.com/users/SandipBuchade/repos","events_url":"https://api.github.com/users/SandipBuchade/events{/privacy}","received_events_url":"https://api.github.com/users/SandipBuchade/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-10-10T12:26:10Z","updated_at":"2018-10-10T17:14:30Z","closed_at":"2018-10-10T17:14:30Z","author_association":"NONE","body":"<!--\r\nHello and thanks for contributing to the Mapbox Maps SDKs for iOS and macOS! To help us diagnose your problem quickly, please:\r\n\r\n - Include a minimal demonstration of the bug, including code, logs, and screenshots.\r\n - Ensure you can reproduce the bug using the latest release.\r\n - Only post to report a bug or request a feature; direct all other questions to: https://stackoverflow.com/questions/tagged/mapbox\r\n\r\nStart with a brief description below this line. -->\r\nI have created MGLFillStyleLayer with the MGLVectorTileSource. The layer has a transparent fill color and border color (fillOutlineColor). It is looking as expected but its flickering on the upper part of MGLMapView.\r\n\r\n### Steps to reproduce\r\n\r\n 1. Create MGLFillStyleLayer with MGLVectorTileSource\r\n 2. Set transparent fill color and any border color(fillOutlineColor) to the layer\r\n 3. Add a layer to map style\r\n 4. Pan map in such a way that features in the layer appears in upper part of the map view\r\n\r\nDemonstration Video:\r\n[IMG_1028.TRIM.mov.zip](https://github.com/mapbox/mapbox-gl-native/files/2464580/IMG_1028.TRIM.mov.zip)\r\n\r\n\r\n### Expected behavior\r\n\r\nMGLFillStyleLayer should not flicker in upper part of the map view\r\n\r\n### Actual behavior\r\n\r\nMGLFillStyleLayer flickering in upper part of map view\r\n\r\n### Configuration\r\n\r\n**Mapbox SDK versions:** 4.4\r\n**iOS/macOS versions:** iOS 11.4\r\n**Device/simulator models:** iPhone 6\r\n**Xcode version:** 9.4.1\r\n"},"comment":{"url":"https://api.github.com/repos/mapbox/mapbox-gl-native/issues/comments/428655236","html_url":"https://github.com/mapbox/mapbox-gl-native/issues/13074#issuecomment-428655236","issue_url":"https://api.github.com/repos/mapbox/mapbox-gl-native/issues/13074","id":428655236,"node_id":"MDEyOklzc3VlQ29tbWVudDQyODY1NTIzNg==","user":{"login":"ansis","id":1421652,"node_id":"MDQ6VXNlcjE0MjE2NTI=","avatar_url":"https://avatars0.githubusercontent.com/u/1421652?v=4","gravatar_id":"","url":"https://api.github.com/users/ansis","html_url":"https://github.com/ansis","followers_url":"https://api.github.com/users/ansis/followers","following_url":"https://api.github.com/users/ansis/following{/other_user}","gists_url":"https://api.github.com/users/ansis/gists{/gist_id}","starred_url":"https://api.github.com/users/ansis/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ansis/subscriptions","organizations_url":"https://api.github.com/users/ansis/orgs","repos_url":"https://api.github.com/users/ansis/repos","events_url":"https://api.github.com/users/ansis/events{/privacy}","received_events_url":"https://api.github.com/users/ansis/received_events","type":"User","site_admin":false},"created_at":"2018-10-10T17:14:30Z","updated_at":"2018-10-10T17:14:30Z","author_association":"MEMBER","body":"Thanks for reporting!\r\n\r\nThe best way to work around this is to create a line layer instead of a fill layer! Line layers can be created for polygon geometries, not just line geometries.\r\n\r\nIt looks like the flickering is caused by the aliasing that happens when a 1px line is rendered.\r\n\r\n`fill-outline` is known to be pretty buggy. We've talked about removing it or expanding it to allow different widths but that hasn't been done because both approaches have their challenges. Related issues: https://github.com/mapbox/mapbox-gl-js/issues/2080, https://github.com/mapbox/mapbox-gl-js/issues/4088\r\n\r\nI'll close this issue in favor of those open issues."}}
{"actor":{"display_login":"ansis"}}