dialog 미지원 브라우저를 위한 fallback 관련 질문입니다
470
작성한 질문수 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>
섹션5 노션링크 는 따로 없나요?
0
7
1
Part 4에서 강의 연관 노션 정보들이 워드파일에 없습니다.
0
13
2
첨부자료 Part 4 코드 확인 부탁드리겠습니다.
0
12
2
선생님 각 강좌마다 예시로 보여주시는 웹페이지들은 어디서
0
16
1
퍼플렉시티 최소 결제단위 50달러로 바뀐 것 같습니다.
0
37
2
claude plugin 방법 자세히 부탁드려요
0
39
2
강의에 적용한 스크립트를 받아 볼수 있을까요?
0
33
2
최근 코테, 과제 테스트 트렌드
0
55
2
노션 25 인터렉션 구현 파트 안 보입니다!
0
36
2
파트3 13F부분도 짤린거같은데 확인해주세요
0
36
2
Gemini로 진행가능 여부 궁금합니다.
0
57
2
뉴스페이퍼 싱글템플릿 디자인 관련 상담 요청
0
25
2
프롬프트 11 진행 완료
0
40
2
파트3 수급 부분
0
39
2
input 과 label 의 작성 순서
0
698
1
a 링크의 href 속성
0
817
2
리액트에서 picture 사용법
0
226
0
section 내에서 여러요소를 그룹핑해야 되는 상황에 대해 질문드립니다.
0
472
2
React의 컴포넌트 개발과 시맨틱 구조 작성의 연관성에 대해 궁금한 점이 있어 질문드립니다.
0
276
1
tr 요소 내에 th, td 혼용 관련 질문입니다
0
321
1
시맨틱 구조 관련해서 질문있습니다.
0
244
1
details 엘리먼트의 이점에 대해
0
251
1
address 요소 설명 중 궁금한 것이 있어서 질문드립니다.
0
383
3
자바스크립트를 이용할 때 button type 지정에 관한 궁금증
1
193
1