Clikengo / Clikengo/markdown-print-tools

paginate-dom: Flex layout child elements misalignment

Open
#6 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
12
Forks
6
PR merge metrics
No merged PRs in 30d

Description

### Describe the bug

In a flex layout, the height of the i-th element does not reach the bottom, but the height of the next element exceeds it, causing only the (i+1)-th element to move to the next page.

### Expect

Looking forward to treating flex layout with flex-direction: row as a whole and moving all child elements downward.

### Code example

```



1


3




2


4




```

![image](https://github.com/Clikengo/markdown-print-tools/assets/42445388/674fe3f9-d1df-457c-863e-38fb100005b1)

**If you agree with my idea, I can provide a PR.**

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reproducing the provided flex container example in paginate-dom and locate the pagination path that handles flex-direction: row. Done means all child elements in a flex row move together when the layout crosses a page boundary, without the described misalignment.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.