Inline-block and block elements widths incorrect

Feb 27, 2014 at 7:22 PM
Nested inline and block elements don't display correctly. In the example HTML below, the green div has the correct width in Chrome, IE and Firefox, but in HTMLRenderer it stretches to the width of the top-level div:

<html>
<head> <style> .inlineDiv { display: inline-block; background-color: Yellow; } .normalDiv { width:*; } </style> </head> <body>
<div class='normalDiv' style='width:2000px; background-color:LightGray;'>
    <div class='inlineDiv'>
        <div class='normalDiv' style='background-color: LightGreen;'>111</div>
        <div class='inlineDiv'>222</div>
    </div>
</div>
</body>
</html>
Developer
Mar 2, 2014 at 8:10 AM
Sorry, "inline-block" style is not supported. it's a bit complicated to support so it's waiting for some major work.
Mar 10, 2014 at 3:48 AM
Thanks Arthur. Do you have any idea of a possible timeframe? ie: never, 1 year, 6 months, 1 month?
Developer
Mar 10, 2014 at 8:16 AM
six months to a year is probably a good estimate
Aug 11, 2014 at 2:16 AM
Hi Arthur. Any movement on this feature yet?
Developer
Aug 11, 2014 at 4:32 PM
Sorry, unfortunately I won't be able to work on major features in the near future.
I'm going to finish 1.5 that is focused on cross-platform support and then lower (not that I was able to really work on for the past months) my contribution to this project.
I encourage you to fork the project and add the support yourself, pull request will be greatly appreciated.