Steps to replicate the issue (include links if applicable):
- Open a book on WS.
- Generate epub.
- Open in e.g. Freada reader.
What happens?:
Images are not floated.
CSS doesn't contain styles for the images.
What should have happened instead?:
To be honest I think current CSS is far too complicated (added along with T51097). There were 8 selectors in previous CSS, and current one has much more. This is important because ebook readers limit number of supported CSS rules/selectors. Another problem is that CSS is very limited in ePub and Mobi and probably in PDF converter too. For example even if CSS variables would be used (to limit number of rules), then they still wouldn't work on e.g. Mobi (Amazon Kindle) and probably most ePub readers (Android and others). CSS support in Kindles.
Some simpler CSS version should be prepared and added in the ebook preparation tools.
Software version (skip for WMF-hosted wikis like Wikipedia): broken with figure rollout.
Other information (browser name/version, screenshots, etc.):
https://pl.wikisource.org/wiki/Dziecko_salonu/Wr%C3%B3%C5%BCba
Freda reader | |
https://pl.wikisource.org/wiki/Dziecko_salonu/Pudel
HTML:
<span class="dropinitial" style="float:left;line-height:1.00em;font-size:3.00em;margin:0.00em -0.4em 0.00em 0.00em;text-indent:0.00em"> <figure class="mw-halign-left" typeof="mw:File"><a href="https://pl.wikisource.org/wiki/Plik:Dziecko_salonu-inicja%C5%82_S.png" class="mw-file-description"><img alt="S" src="images/c34_Dziecko_salonu_inicja__S.png_75px_Dziecko_salonu_inicja__S.png" decoding="async" style="width:75; height:64; " data-title="Dziecko_salonu-inicjał_S.png-75px-Dziecko_salonu-inicjał_S.png" /></a> <figcaption /> </figure> </span><span style="position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">S</span>niło mi się, że jestem pudlem.<br />