bxslider に form 要素を追加したいです。

Question

現在、bxslider を使用しております。
bxslider の中にformを設置したいと考えております。

<link rel="stylesheet" href="css/jquery.bxslider.css">
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.js"></script>
<script>
$(function() {
  $('.bxslider').bxSlider({
    hideControlOnEnd: true,
    auto: false
  });
});
</script>


<div class="bxslider">
<div>sample</div>
<div>sample</div>
<div>sample</div>
<div><input type="text" name="sample" value=""></div>
</div>

これを実行してみますと
TEXTフィールドは表示できるのですが、入力をしようとすると下記内容でコンソールエラーとして表示されております。
Error: Permission denied to access property "nodeType"

Googleなどで調べてみたのですが、同様の事象になっているものがなくご質問させていただきます。

そもそも、bxsliderでは実装できないのでしょうか。

使い勝手がいいプラグインですので、こちらのほうで作成をしていきたいと考えておりますが、何か回避策などがございましたご教授お願いいたします。

確認環境
Firefox 開発者ツールで確認しております。

Comments

[kei344]

https://jsfiddle.net/fqswb7r8/ 問題が再現しません。書かれている状況が再現するコード（HTML/CSS/JavaScriptなど）を質問文に追記されたほうが回答を得やすいと思います。

[nerd]

kei344様

ご回答及び、テスト環境のご提示誠にありがとうございます。

環境面でFirefoxを使用して動作確認をしたところ、質問させていただいた内容でエラーが表示され、text入力できない状態になっておりました。

質問のところに、Firefoxで検証と追記させていただきます。

[kei344]

ここは「質問への追記・修正の依頼」ですので、「回答」ではありません。質問本文は編集することが可能なので、その依頼をする場所です。
Windows / Firefoxで確認したところ、特にそのエラーは出ません。

[nerd]

kei344様

ご教授ありがとうございます。
ご指摘いただき、質問内容を編集いたしました。

ご指摘ありがとうございました。