拖动条显示多了

Open
#100 6 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

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

Research direction

Start by reproducing the issue with the vertical Split example in the report, using two child divs and the stated 300px height. Trace the Split component's split-bar rendering entry point and determine why two bars appear; done means one functional bar is rendered for the two panes and the requested icon customization behavior is clarified or supported.

Written by the indexing model from the issue text.

Description

我实际给了2个子元素，给我1个split-bar就可以了，但是给了2个，下面的那个bar不能控制，很难看。
另外，有办法自定义bar的icon吗？

image

<Split mode={'vertical'} style={{height: '300px', overflow: 'hidden'}}>
  <div style={{ height: '50%', overflow: 'auto' }}>
    By dragging 'draggable' surface you can change size of the first pane. The first pane keeps then its size while the second pane is resized by browser window. By default it is the left pane for 'vertical' SplitPane and the top pane for 'horizontal' SplitPane. If you want to keep size of the second pane and let the first pane to shrink or grow by browser window dimensions, set SplitPane prop primary to second. In case of 'horizontal' SplitPane the height of bottom pane remains the same.
  </div>
  <div style={{ height: '50%', overflow: 'auto' }}>
    By dragging 'draggable' surface you can change size of the first pane. The first pane keeps then its size while the second pane is resized by browser window. By default it is the left pane for 'vertical' SplitPane and the top pane for 'horizontal' SplitPane. If you want to keep size of the second pane and let the first pane to shrink or grow by browser window dimensions, set SplitPane prop primary to second. In case of 'horizontal' SplitPane the height of bottom pane remains the same.
  </div>
</Split>
Dominant language
TypeScript
Stars
83
Forks
5
No merged PRs in 30d

Contributor guide

No contributing guide indexed for this repository

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.

More from uiwjs/react-split

All issues in uiwjs/react-split

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.