Skip to content

Float image with "break-inside: avoid" is hidden in some cases

Image is not displayed in the following cases:

  • There are at least two images on the page
  • The second image is in a container with float: right and break-inside: avoid
  • The second image is in a location where page break should occur

Everything works fine if I change any of those criteria.

As seen on the following screenshot, the second image is not visible because it is located far right outside of the page area. DeepinScreenshot_select-area_20210330160307

HTML for reproducing the issue: test-image-hidden.html