Ckeditor5: The table selector is truncated when in block quote

Created on 3 Dec 2018  路  4Comments  路  Source: ckeditor/ckeditor5

When table widget is inside blockquote the table's drag handler is truncated:

selection_084

Blockquote has hidden overflow and table has not big enough padding:

.ck-content blockquote {
    overflow: hidden;
}
block-quote bug

All 4 comments

I also think this is annoying. Let's see if we can do anything about that.

cc @dkonopka

It should be easy fix - just need to overwrite https://github.com/ckeditor/ckeditor5-table/blob/master/theme/table.css#L8 with:

.ck-content blockquote .table:first-child {
  margin-top: 2em;
}

Or we can do it with addding space equals to the selection handler height (works in Chrome, but I'm not sure if other browsers supports mixing em and px values in calc() ).

.ck-content blockquote .table:first-child {
  margin-top: calc( 1em + 16px );
}

but I'm not sure if other browsers supports mixing em and px

AFAIR this should work (I've used calc(100% - 6em) in CKFinder and that worked (AFAIR) so FF/IE8+ should be fine.

鈽濓笍 Percentages and em/px work fine it's true, but mixing px and em or other values it's another story, I'll check it out.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

msamsel picture msamsel  路  3Comments

Reinmar picture Reinmar  路  3Comments

hybridpicker picture hybridpicker  路  3Comments

oleq picture oleq  路  3Comments

PaulParker picture PaulParker  路  3Comments