Merge pull request #9616 from ckeditor/i/9300-small-image-in-cell

Fix (image): The block image smaller than 50px should be resized to the minimum size. Closes #9300.
ckeditor · May 5, 2021 · 7667757 · 7667757
2 parents 8c33c10 + 2cec513
commit 7667757
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/packages/ckeditor5-image/tests/manual/resizing-images-in-tables.html b/packages/ckeditor5-image/tests/manual/resizing-images-in-tables.html
@@ -47,10 +47,12 @@ <h2>Sizes expressed as percentages</h2>
 						<img src="sample300.jpg" class="image-style-align-right image_resized" style="width:25%;">
 					</td>
 					<td>
-						&nbsp;
+						block<br>original<br>(very small resized to the min size)
+						<figure class="image"><img src="sample20.png"></figure>
 					</td>
 					<td>
-						&nbsp;
+						inline<br>original<br>(very small)
+						<img src="sample20.png">
 					</td>
 				</tr>
 			</tbody>

diff --git a/packages/ckeditor5-image/tests/manual/sample20.png b/packages/ckeditor5-image/tests/manual/sample20.png
diff --git a/packages/ckeditor5-image/theme/image.css b/packages/ckeditor5-image/theme/image.css
@@ -24,6 +24,9 @@
 
 			/* Make sure the image never exceeds the size of the parent container (ckeditor/ckeditor5-ui#67). */
 			max-width: 100%;
+
+			/* Make sure the image is never smaller than the parent container (See: https://github.com/ckeditor/ckeditor5/issues/9300). */
+			min-width: 100%
 		}
 	}