JSFiddle - React, Tailwind, and code Playground

HTML

<a onclick="placemark[41].balloon.open(); return false;">Act</a>
<div id="map" style="width:100%;height:1095px"></div>
<script src="http://api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU" type="text/javascript"></script>

CSS

#place{
    border:none;
    outline:none;
}

JavaScript

var placemark = [];

ymaps.ready(init);

function init () {
    var myMap;
    
    myMap = new ymaps.Map('map', {
        center:[68.963254,33.077918],
        zoom:14
    });
    myMap.controls.add('zoomControl');
	
	    Place = new ymaps.Placemark([68.963254,33.077918], {
        // Property
        // Placemark text
        iconContent: '<input type="text" value="123" id="place" name="place" readonly>'
    }, {
        // Options
        // The placemark icon will stretch to fit the content
        preset: 'twirl#redStretchyIcon'
    });
    Place.events.add('click',function(e){
        $('#place').focus();
    });
            myMap.geoObjects.add(Place);

}