'How can I add a textarea to a maplibre gl marker?

I am trying to add an editable textarea to a marker in MapLibreGL:

          el.classList.add("marker");
          el.innerHTML = `
                <img src="/marker.svg" alt="" />
                <textarea>click to edit</textarea>
            `;

          const marker = new maplibregl.Marker(el)
            .setLngLat([longitude, latitude])
            .addTo(map);

The marker shows but I cannot type in the textarea...I can't click or inspect it either. I tried .marker { z-index: 100000; } in css but that didn't do anything.

mapboxmapbox-glmaplibre-gl


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions