[PID-PR]

【お使いの Snow Monkey のバージョン】19.1.5
【お使いの Snow Monkey Blocks のバージョン】18.2.0

【お使いのブラウザ】Google Chrom
【当該サイトのURL】ローカルで作業中です。

### 発生している問題

snow monkey formでお問い合わせフォームを作成したのですが、「確認画面へ」のボタンが押せません。

### 試したこと

cssをいじったのでそれが何か影響があったのかと思い全てコメントアウトしてみました。

【Snow Monkey Formsの使い方】確認画面もあるおしゃれな問い合わせフォームの作成手順 | PC11（ピーシーワンワン）株式会社

Contact Form 7に不満があって違うプラグインを探している Snow Monkey Formsが気になるけど使い方がよくわからない サイトにおしゃれな問い合わせフォームを設置したい …

pc11.co.jp

作成時はこちらのサイトを参考にしました。

ボタンにカーソルを当ててもpointerは変化なしの状態です。

よろしくお願いいたします。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

下記のフォームの場合はクリックできますか？

お問い合わせ

使い方・設定方法等のサポートはサブスクリプション契約者のみ入会可能なサポートフォーラムでおこなっています。お問…

snow-monkey.2inc.org

↑のフォームは最新版の Snow Monkey Forms でつくっているので、上記が動くのであれば設定やカスタマイズの影響かもしれません。カーソルをあてても表示が変わらないのであれば、透明な要素がボタンの上に被さっているという可能性はないですかね？

♥ 0

いいねをした人: 居ません

[PID-PR]

お返事ありがとうございます。

添付していただいたお問い合わせフォームのボタンはクリックできました！

 

私が作成したものとクリックできた方でHTMLを比較しても同じ構造になっているようです。ボタンの上はclass=smf-form smf-form–letterが付与されているdivがあるのみで、他の透明な要素が被っている訳ではなさそうなのですが、他に何か考えられることはありますでしょうか。

<form class=”snow-monkey-form” id=”snow-monkey-form-598″ method=”post” action=”” enctype=”multipart/form-data” data-screen=”input”>
<div class=”smf-focus-point” aria-hidden=”true”></div>

<div class=”smf-form smf-form–letter”>
<div class=”wp-block-snow-monkey-forms-item smf-item”><div class=”smf-item__col smf-item__col–label”><div class=”smf-item__label”><span class=”smf-item__label__text”><mark style=”background-color:#b43131″ class=”has-inline-color has-sm-accent-color”>必須</mark>　会社名</span></div></div><div class=”smf-item__col smf-item__col–controls”><div class=”smf-item__controls”>
<div class=”smf-placeholder” data-name=”company”>
<div class=”smf-text-control”>
<input type=”text” name=”company” value=”” class=”smf-text-control__control”>
</div>
</div>
</div></div></div>

<div class=”wp-block-snow-monkey-forms-item smf-item”><div class=”smf-item__col smf-item__col–label”><div class=”smf-item__label”><span class=”smf-item__label__text”><mark style=”background-color:#b43131″ class=”has-inline-color has-sm-accent-color”>必須</mark>　担当者名</span></div></div><div class=”smf-item__col smf-item__col–controls”><div class=”smf-item__controls”>
<div class=”smf-placeholder” data-name=”company”>
<div class=”smf-text-control”>
<input type=”text” name=”company” value=”” class=”smf-text-control__control”>
</div>
</div>
</div></div></div>

 

<div class=”wp-block-snow-monkey-forms-item smf-item”><div class=”smf-item__col smf-item__col–label”><div class=”smf-item__label”><span class=”smf-item__label__text”><mark style=”background-color:#b43131″ class=”has-inline-color has-sm-accent-color”>必須</mark>　お電話番号</span></div></div><div class=”smf-item__col smf-item__col–controls”><div class=”smf-item__controls”>
<div class=”smf-placeholder” data-name=”tel-1gqtmtfmt”>
<div class=”smf-text-control”>
<input type=”tel” name=”tel-1gqtmtfmt” value=”” autocomplete=”tel-national” class=”smf-text-control__control”>
</div>
<div class=”smf-control-description”>ハイフンなしで入力してください。</div></div>
</div></div></div>

 

<div class=”wp-block-snow-monkey-forms-item smf-item”><div class=”smf-item__col smf-item__col–label”><div class=”smf-item__label”><span class=”smf-item__label__text”><mark style=”background-color:#b43131″ class=”has-inline-color has-sm-accent-color”>必須</mark>　メールアドレス</span></div></div><div class=”smf-item__col smf-item__col–controls”><div class=”smf-item__controls”>
<div class=”smf-placeholder” data-name=”email”>
<div class=”smf-text-control”>
<input type=”email” autocomplete=”email” name=”email” value=”” class=”smf-text-control__control”>
</div>
</div>
</div></div></div>

 

<div class=”wp-block-snow-monkey-forms-item smf-item”><div class=”smf-item__col smf-item__col–label”><div class=”smf-item__label”><span class=”smf-item__label__text”><mark style=”background-color:#b43131″ class=”has-inline-color has-sm-accent-color”>必須</mark>　お問い合わせ内容</span></div></div><div class=”smf-item__col smf-item__col–controls”><div class=”smf-item__controls”>
<div class=”smf-placeholder” data-name=”message”>
<div class=”smf-textarea-control”>
<textarea name=”message” rows=”5″ class=”smf-textarea-control__control”></textarea>
</div>
</div>
</div></div></div>
</div>

<div class=”smf-action”>
<span class=”smf-button-control”>
<button type=”submit” class=”smf-button-control__control” data-action=”confirm”>確認画面へ<span class=”smf-sending” aria-hidden=”true”></span></button>
</span><input type=”hidden” name=”snow-monkey-forms-meta[method]” value=”confirm”> </div>

<div class=”smf-system-error-content-ready”>
予期しない問題が発生しました。後でもう一度やり直すか、他の方法で管理者に連絡してください。 </div>

<input type=”hidden” name=”snow-monkey-forms-meta[formid]” value=”598″> <input type=”hidden” name=”snow-monkey-forms-meta[token]” value=”a032facd957265c5558ea62be6e9ff7268fba8d8c8c6601c0119084ca2e7b043″> </form&gt

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

なるほどー。ということはフォーム自体ではないかもですね。

「押せない」というのが具体的によくわかっていないのですが、例えばボタン要素って disabled だったら完全に「押せない」ですよね。そういう感じなのか、あるいはちょっと状態が違ったりするのか…。

Snow Monkey Forms 以外のプラグインを全て停止（My Snow Monkey 含め）すると変化はありますか？

♥ 0

いいねをした人: 居ません

[PID-PR]

別ページで投稿カテゴリをクリックさせないためのpointer-events: none;をかけていてそれのせいでした！！！！！

「押せない」という単語で「クリックさせない」という言葉に結びつきました。
初歩的な質問に答えていただきありがとうございました！

♥ 1

いいねをした人:

[投稿者]

投稿