title: Mapbox-gl - How can I allow text/icon overlap without causing text mixtures?
body: <p><a href="https://i.stack.imgur.com/UY9a0.png" rel="nofollow noreferrer">click here to see the issue with the text overlap</a></p>
  <p>The texts are on top of each other (click on image link above).</p>
  <p>&quot;mapbox-gl&quot;: &quot;^2.4.1&quot;,</p>
  <p>Layer :</p>
  <pre><code>{
        type: 'symbol',
        layout: {
          'text-field': '{nextShow}',
          'icon-image':'assets/map/queue-bubble.png',
          'icon-allow-overlap': true,
          'icon-ignore-placement': true,
          'text-allow-overlap': true,
        },
        paint: {
          'icon-translate': [-25, -25],
          'text-translate': [-28, -28],
          'text-color': 'black',
          'text-halo-color': 'white',
          'text-halo-blur': 1,
          'text-halo-width': 5,
        }
      }
  </code></pre>
  <p>thank you.</p>