Skip to content

Bug: LayoutContainer and LayoutHTMLText cannot be used together #107

@EddiePengg

Description

@EddiePengg

Current Behavior

Problem Description:

When I use LayoutContainer and LayoutHTMLText together, with wordWrap enabled in LayoutHTMLText, it appears to create a dependency loop between them. The layout keeps updating continuously, and half of the LayoutHTMLText content is not displayed.

When I set a fixed width for the LayoutHTMLText's layout.width property, the issue seems to be resolved, but the HTMLText becomes centered and cannot be adjusted.

I have to first create a new LayoutHTML and then set its layout properties to make it display correctly. Otherwise, no LayoutHTML content is shown at all.

Expected Behavior

LayoutContainer and LayoutHTMLText can be used together

Steps to Reproduce

https://codesandbox.io/p/devbox/7slr42

Environment

"@pixi/layout": "^3.0.2",
"pixi.js": "^8.10.2"
chrome:137.0.7151.120
microsoft Windows 11

Possible Solution

No response

Additional Information

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions