テキストが空でクリックできない時の対処法

2021-05-26
アドバイス

テキストを入力している際に、文字を全部消してしまい入力方法がわからなくなった経験はありませんか?

この問題の解決策はとても簡単で、ナビゲーターから要素をクリックして”enterキーを押す”だけで解決ができます。

現象と解決策

テキストを消すと、キャンパスから表示が消えてしまう。

ナビゲーターから、要素を選択してエンター。

原因

この現象は、要素にposition: abusolute; がついていると起きるようです🤔

何もしていないテキストは、以下の画像のように空白が表示されるのでキャンパスからクリックして入力ができます。

ちなみに、”選択してエンター”は、要素により動きが変わります。

下記画像は、イメージでenterキーを押した際の動きです。

image要素でエンターキーを押すと、Image Settingsを表示することができますね。

さいごに。

これらのコマンドは使いこなすととても便利なので、さまざまな要素でenterキーを押してみてください!

新しい発見があれば是非コメントをよろしくお願いします🚀

この記事を保存

メールアドレスを入力すれば、この記事のURLをメールで送ります。

フォーム送信することでプライバシーポリシーに同意するとみなされます。

ありがとうございます!フォームが送信されました。
送信中にエラーが発生しました

最近の記事

LikePay代表が NoCode DBの監修者として任命

LikePay代表が NoCode DBの監修者として任命

今回は、NoCode DBさんと連携し、ノーコードについて発信するメディアの監修者として任命されました

ニュース
NoCode Conf 2021:Webflow新機能公式発表

NoCode Conf 2021:Webflow新機能公式発表

2021年11月18〜19日にWebflowの開催したNoCode Conferenceで発表された新しい機能について日本語でまとめたいと思います。

ニュース
NoteのクローンをWebflowで作れる?

NoteのクローンをWebflowで作れる?

Noteのような、記事を投稿できる会員サイトをWebflowとその関連なノーコードツールを使った実装方法の紹介

ノウハウ
Webflowサイト公開前チェックリスト15選!

Webflowサイト公開前チェックリスト15選!

サイトを公開する前にチャックしないといけない忘れがちな項目の15選!説明付です!

豆知識