SmartClient ListGrid와 Twitter Bootstrap 다중 선택이 공존하는 응용 프로그램이 있습니다. 불행히도, multiselect가 떨어지면 ListGrid가 겹치기 때문에 잘라내집니다. 문제는 ListGrid에서 div 태그가 오버플로되는 것을 허용하지 않는 것으로 보입니다.Isomorphic (SmartClient) ListGrid가 Div 태그가 오버플로를 허용하지 않음 (Twitter Bootstrap의 다중 선택과 충돌 함)
문서를 파헤 치면서 다양한 설정으로 재생했지만이 동작을 변경하는 방법을 알 수 없었습니다. 어떤 아이디어?
아래 코드 스 니펫은 일반적인 div 태그의 문제점을 보여줍니다. 샘플 div 태그가 ListGrid 위에 있어야합니다. 이 위젯 생성 DOM 요소에 매우 높은 Z- 색인 값을 설정 SmartClient를
<html>
<head>
<style>
.my-style {
overflow: visible;
border: 1px solid black;
}
</style>
<!--Deleted: jQuery & Isomorphic includes -->
<script>
$(document).ready(function() {
isc.ListGrid.create({
top:0, left:100,
fields: [ {name:'X'}, {name:'Y'} ],
items: []
});
$('#main').html('<div class="my-style">This is a test</div>');
});
</script>
</head>
<body>
<div id="main" class="my-style">
A sample div tag
</div>
</body>
</html>
문제의 jsFiddle 예제를 생성 할 수 있습니까? 필요한 라이브러리를 모두로드 할 수 있는지 여부는 알 수 없지만 문제의 데모를 통해 사람들이 더 쉽게 작업을 조언 할 수 있습니다. – tonycoupland
오버플로를 중요하게 만들 필요가 있습니다. // 오버플로 : 보이는 것!중대한; – ius
나는 멀티 셀렉트와 그리드의'Z-index' CSS 속성을 조정함으로써이 문제를 해결할 수 있다고 생각한다. 시도 해봐. –