search

froala / wysiwyg-editor

The next generation Javascript WYSIWYG HTML Editor.
https://www.froala.com/wysiwyg-editor
Other
5.28k stars 673 forks source link

The border of the table are not equal, the inner borders are thicker than the outer border of the table #4455

Closed alirazaedev closed 2 years ago

alirazaedev commented 2 years ago

If you have a feature suggestion, please add it on the Feature List instead.

Expected behavior.

The border of the table are must be equal

Actual behavior.

The border of the table are not equal, the inner borders are thicker than the outer border of the table please see attached video

Steps to reproduce the problem.
  1. Create a table in the Froala editor
  2. apply width(custom style) on the table, width applying on all table cells. observe: The border of the table are not equal, the inner borders are thicker than the outer border of the table please see attached video Further details are belows we have added some custom table styles one of them for table cell width e.g class name for custom table style is fr-three-borders-width and css applied as below .fr-view table.fr-three-borders-width td, .fr-view table.fr-three-borders-width th { border-width: 3pt; }
Editor version.

4.0.11

OS.

(OS name and version here)

Browser.

(Chrome and firefox)

Recording.

https://user-images.githubusercontent.com/39520368/171098579-230626e0-bf45-4a2e-9006-341e182719a0.mp4

ilyaskarim commented 2 years ago

Working demo as provided in the Z.D ticket: https://jsfiddle.net/ilyasfroaal/v5ptgb3z/5/.