react / react/yoga

Web compatibility fails

Open
#730 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Algorithm
Dominant language
C++
Stars
18.9k
Forks
1.6k
Avg merge
1m
Merged PRs (30d)
1

Description

Report

Issues and Steps to Reproduce

This compatibility fixture fails

<div id="child_min_constraints_when_shrinking" style="height: 50px; width: 375px; flex-direction: row;">
  <div style="flex-shrink:1; flex-basis: 400px; height: 50px;"></div>
  <div style="flex-shrink:10000; flex-basis: 400px; padding: 16px;">
    <div style="min-width: 50px;"></div>
  </div>
</div>

Expected Behavior

Expected yoga to follow Chrome behaviour, providing layout for second child with 50 + 16 + 16 px.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by locating the compatibility fixture for child_min_constraints_when_shrinking and run it against the reported layout. Compare Yoga's result with Chrome, focusing on the second child's expected 50 + 16 + 16 px layout. Done means the fixture matches the stated web behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
cpp
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.