Tiptap: Remove focuse outeline of editor

Created on 21 Nov 2019  路  7Comments  路  Source: ueberdosis/tiptap

I am unable to remove the outline of the editor when clicking it.
Please help me to do this
tiptap-editor - Google Chrome_041

feature request

Most helpful comment

Styling is not part of tiptap. It's renderless. Removing focus is basic CSS.

.ProseMirror:focus {
    outline: none;
}

All 7 comments

I have the same issue, it looks like the ProseMirror-focused class gets appends when you click.
But it seems impossible to overwrite that specific :focus class.

Styling is not part of tiptap. It's renderless. Removing focus is basic CSS.

.ProseMirror:focus {
    outline: none;
}

@philippkuehn your solution does not work.

Solved The Problem
@philippkuehn Thank you very much. Actually I am also tried this. The first time it not worked because I add CSS under scoped, But after adding this CSS globally it working.

@chkb Please add this code globally, it will work

<style >

.ProseMirror:focus {
    outline: none;
  }

</style>

or just use /deep/ .ProseMirror:focus

@BiswasSuman That worked! - Thanks!

.ProseMirror-focused:focus {
    outline: none;
}
Was this page helpful?
0 / 5 - 0 ratings

Related issues

afwn90cj93201nixr2e1re picture afwn90cj93201nixr2e1re  路  3Comments

asseti6 picture asseti6  路  3Comments

winterdedavid picture winterdedavid  路  3Comments

chrisjbrown picture chrisjbrown  路  3Comments

unikitty37 picture unikitty37  路  3Comments