Featherlight JSはHTMLに重複IDを作成しますか？

Question

divコンテンツをCSS display: none;で非表示にして、Featherlightウィンドウで表示します。

私は他のJavaScriptによってアクセスされるコンテンツにいくつかのIDを持っています。

問題は、Featherlightが隠しdivからモーダルウィンドウを作成するときに、そのIDが複製されることです。隠れたdivの1つ、ウィンドウの1つ。

JSコントロールでは、隠しdivのIDのみが表示され、Featherlightウィンドウには表示されません。だから、窓の中で何も動かない。

どうすればこの問題を回避できますか？

https://jsfiddle.net/fpunL1nk/

JS = "コンテンツ"

<!-- Featherlight Button --> 
<a href="#" data-featherlight="#window">Open Featherlight</a> 

<!-- Featherlight Window --> 
<div class="hidden"> 
    <div id="window"> 
     <div id="content"> 
     This ID is duplicated. 
     </div> 
    </div> 
</div> 

IDが重複して（ウィンドウはjsfiddleの画面をカバーしていません）。

CSS

.hidden { 
    display:none; 
} 
#window { 
    width:400px; 
    height:250px; 
    background:white; 
    border:1px solid black; 
} 

Answer 1

私は同じ問題を抱えています。 ダイアログを開いたときにソースHTML入力を無効にすることができるので、ポップアップ内の入力だけがフォーム提出時にサーバーに送信されます。