In 1.0.0, shrinkWrap: true does not provide a size to the layout engine

[red42]

This is an issue when using shrinkWrapped Html widgets inside rows. On 1.0.0-pre.1 the element would have the size of its contents and get rendered properly.

For instance, this:

Row(
  children: [
    Html(data: 'Hello', shrinkWrap: true),
    Text(' world'),
  ]
)

Throws The following assertion was thrown during performLayout(): BoxConstraints forces an infinite width.

[red42]

Maybe this should not return double.infinity width for shrinkWrapped elements? It does solve the issue in my use cases, but I'm not sure it won't break other use cases.

class StyledText extends StatelessWidget {
  final InlineSpan textSpan;
  final Style style;

  const StyledText({
    this.textSpan,
    this.style,
  });

  @override
  Widget build(BuildContext context) {
    return SizedBox(
      width:
          style.display == Display.BLOCK || style.display == Display.LIST_ITEM
              ? double.infinity
              : null,
      child: Text.rich(
        textSpan,
        style: style.generateTextStyle(),
        textAlign: style.textAlign,
        textDirection: style.direction,
      ),
    );
  }
}

Relevant code

[fatherOfLegends]

This has completely broken shrinkWrap. Any chance we can get this fixed?

[mit-73]

@red42 it helped me:

style: {
        "html": Style(
          display: Display.INLINE,
        ),
        "body": Style(
          display: Display.INLINE,
        ),
       "...": Style(
          display: Display.INLINE,
        ),
}

[akshaybhange]

@red42 it helped me:

style: {
        "html": Style(
          display: Display.INLINE,
        ),
        "body": Style(
          display: Display.INLINE,
        ),
       "...": Style(
          display: Display.INLINE,
        ),
}

This worked for me .. but the issue should be solved ASAP

[philos3]

@red42 it helped me:

style: {
        "html": Style(
          display: Display.INLINE,
        ),
        "body": Style(
          display: Display.INLINE,
        ),
       "...": Style(
          display: Display.INLINE,
        ),
}

This worked for me .. but the issue should be solved ASAP

still has the problem with below html code:

<p style="text-align: center;"><img src="https://img.lightsnail.com/def/90416202205160036053532.jpg" width="858" height="471" style="width: 858px; height: 471px;"/></p>