-
Notifications
You must be signed in to change notification settings - Fork 2.3k
Icons are always below text-fields #12626
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Comments
Hi @entioentio, Thanks for creating an issue. I can confirm that the icon in the feature above does not overlap the text on the features below. |
i think its the same behavior which was described on many other places. |
@enersis-pst yes, you are right, I missed that. Closing this issue as a duplicate of #4064, so we track it in one place. |
The mentioned issue misses a good description and minimal reproduction. Furthermore, it seems to be a general notice / call for ideas or help and not really a bug report. To be clear, I don't think that reopening this issue is a good idea, Isn't #4064 a better suit for "base" issue? |
Yes, that makes sense. Thanks, @entioentio! |
Pardon if this is documented somewhere in the docs. Couldn't find it.
mapbox-gl-js version: 2.13.0
browser: Latest brave, latest firefox. Don't think that it has anything to do with the browser
Steps to Trigger Behavior
Link to Demonstration
https://codepen.io/soentio/pen/gOdEYvx

Expected Behavior
The text-field of another symbol should be covered by the icon of the symbol with higher symbol-sort-key.
Actual Behavior
It seems that there exist two separate stacks of ordering - one for text-fields, other one for the icons. So bringing an icon to the top brings it only above other icons.
Context
I'm have a dense grid of symbols that have to be able to expand sideways (a.o) on hover. I wanted to cover the neighboring symbol with an icon. When marker is hovered, the dataset gets updated so the hovered symbol goes to the top (
'symbol-sort-key': [ 'case', ['boolean', ['get', 'hovered', ['properties']], false], 1000, 0 ]
). That doesn't work due to aforementioned limitation.The text was updated successfully, but these errors were encountered: