인포윈도우 글자 잘림문제

지도/로컬 API
#1

인포 윈도우를 구현중입니다.
아래 코드는 js 입니다.

var iwContent = '<div class="markerInfo" style="padding:5px;">'+list_y[i].name+'<br><small>'+list_y[i].dsc+'명 
</div>';
		console.log(iwContent);
			
		var infowindow = new kakao.maps.InfoWindow({
		    position : position_latlng, 
		    content : iwContent
		});
		
		infowindow.open(map, marker);

해당 코드를 작성했습니다. 원하는 위치에 잘출력되고 크게 문제 없는데
이상하게 ’ 명 /div> ’ 에 '명’이 잘립니다. '명’이 없으면 list_y[i].dsc 의 마지막 한글자가 잘립니다.
이유가 뭘까요?
console.log 에서는 잘리는거 없이 다 정상적으로 출력됩니다.

#2

<small>요소의 종료 태그가 선언되지 않았습니다.
아래 코드로 수정해주세요.

var iwContent = '<div class="markerInfo" style="padding:5px;">'+list_y[i].name+'<br><small>'+list_y[i].dsc+'</small>명</div>';
#3

이미 수정해서 적용해본 사항입니다 ㅠㅠ 달라지는건 없네요 small태그를 제거하여도 마찬가지입니다.
크롬 개발자도구 Elements창에서 보면 원하는 값이 다 찍혀있는데
맵에 출력되는 info window에서만 잘립니다.ㅠㅠ

#4

iwContent를 아래와 같이 선언하면

var iwContent = '<div class="markerInfo" style="padding:5px;">'+list_y[i].name+'<br><small>'+list_y[i].dsc+'명</small></div>';

사진처럼 정상출력 되고 있습니다.
30

먼저 콘솔에 찍힌 DOM을 HTML에 넣어 정상적으로 표출되는지,
데이터가 올바른지, 콘솔에 오류가 출력되었는지 확인해주세요.

그래도 잘려 나온다면 현상을 확인할 수 있는 데이터 정보와 코드 첨부해주세요.

#5

해당사항을 확인해본 결과 list_y[i].dsc 에 담긴 글자수가 많아서 ‘명’ 글자가 아래로 밀려서 가려지는 상황입니다.
커스텀 iw를 통해 해결가능할것같긴한데 기본 iw를 글자수에 따라 사이즈 변환은 불가능한가요?

#6

인포윈도우를 생성할 때 내부 크기를 계산할 수 있도록
콘텐츠 스타일을 적용해주셔야 합니다.

글자 수에 맞는 width 스타일을 div에 적용해서 생성해주면
글자가 잘리는 현상을 막을 수 있습니다.