dialog 미지원 브라우저를 위한 fallback 관련 질문입니다
522
작성한 질문수 18
만약, dialog를 사용할 경우, 미지원 브라우저를 위한 fallback을 사용하면 된다고 하셨는데, 혹시 코드로 예시를 알려주실 수 있나요?
답변 4
1
Polyfill 코드는 Chrome에서 공식으로 제공하는 게 있어,
해당 링크를 전달드립니다.
https://github.com/GoogleChrome/dialog-polyfill
코드 예제는 다음과 같습니다:
<head>
<link rel="stylesheet" type="text/css" href="dist/dialog-polyfill.css" />
</head>
<body>
<dialog>
I'm a dialog!
<form method="dialog">
<input type="submit" value="Close" />
</form>
</dialog>
<script src="dist/dialog-polyfill.js"></script>
<script>
var dialog = document.querySelector('dialog');
dialogPolyfill.registerDialog(dialog);
// Now dialog always acts like a native <dialog>.
dialog.showModal();
</script>
</body>
푸터에 있는 카테고리 폰트 컬러 어떻게 바꾸나요?
0
12
1
장치 의존성과 CSR
0
22
1
순수 함수 / 순수 컴포넌트
0
14
1
css box-sizing 관련 질문
0
28
2
여태 만들던걸 다른 도메인으로 옮길 수도 있을까요?
0
20
1
node.js 설치 (LTS버전)
0
24
1
Cursor & Antigravity 소개 및 설치
0
30
2
뉴스페이퍼 테마 관련
0
32
1
지우지 말아야할걸 지운상태로 저장해버렸어요....
0
31
1
24번 수업에 나온 창은 무슨 프로그램인가요
0
32
1
Desktop모드-header영역 제작에서 제공해드린 폰트와 이미지
0
26
1
span 태그에 여백이 들어간 것 같은데 왜 그런건가요?
1
53
5
1-2 주가 데이터 수집 (OHLCV) 강의 질문 드려요
0
42
2
뉴스페이퍼 스킨을 꼭 사야하나요? 링크주소도 못찾겠어요
0
43
2
input 과 label 의 작성 순서
0
729
1
a 링크의 href 속성
0
863
2
리액트에서 picture 사용법
0
248
0
section 내에서 여러요소를 그룹핑해야 되는 상황에 대해 질문드립니다.
0
514
2
React의 컴포넌트 개발과 시맨틱 구조 작성의 연관성에 대해 궁금한 점이 있어 질문드립니다.
0
290
1
tr 요소 내에 th, td 혼용 관련 질문입니다
0
339
1
시맨틱 구조 관련해서 질문있습니다.
0
267
1
details 엘리먼트의 이점에 대해
0
272
1
address 요소 설명 중 궁금한 것이 있어서 질문드립니다.
0
407
3
자바스크립트를 이용할 때 button type 지정에 관한 궁금증
1
216
1