Leaflet markerclustergroup remove marker class on clustering, how to fix this?

Question

css

How to assign a class to a marker within a cluster? In leaflet I use a marker filter depending on the classes (categories) assigned to them, hiding inappropriate ones. For markers with the same coordinates, I decided to use MarkerCluster. But classes disappear during clustering and filtering does not occur, but the cluster is not hidden when a category is selected. Maybe someone else knows how to update the number of cluster elements when filtering so that it works correctly?

Answer 1

https://jsfiddle.net/weranda/4ac7aphy/

Answer 2

If the background is plain - just fill the block with the text with the same color as the background.
If not, then the top cropped borders are separate elements, with position absolute, in order not to litter the HTML, it is better to use ::afrter and ::before pseudo-elements.

Answer 3

You can do this
https://jsfiddle.net/0aLfd3c8/1/

Answer 4

jsfiddle.net/f48ZD/502 like this if you need it transparently as shown in your screenshot or as I previously wrote through the tag

Answer 5

https://jsfiddle.net/haoss/9462drbj/

Answer 6

Simple option:

<fieldset>
   <legend>Скидки за приглашение каждого участника</legend>
   <div>Содержимое блока</div>
</fieldset>

fieldset'u and legend'u can add the necessary classes with the desired styles.