react-grid-layout / react-resizable

A simple React component that is resizable with a handle.

Home Page:https://strml.github.io/react-resizable/examples/1.html

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

resizable handle not displayed

jjzjx118 opened this issue · comments

Please select the type of issue you're reporting. For questions.

  • Bug

resizable handle not displayed

demo on https://stackblitz.com/

import React from 'react';
import Draggable, { DraggableCore } from 'react-draggable';
import { Resizable, ResizableBox } from 'react-resizable';
import './style.css';
import 'react-resizable/css/style.css' 
export default function App() {
  return (
    <div>
      <Draggable>
        <ResizableBox handle={<div />} width={200} height={200}>
          <div
            style={{ backgroundColor: 'green', width: '100%', height: '100%' }}
          >
            123
          </div>
        </ResizableBox>
      </Draggable>
    </div>
  );
}


https://stackblitz.com/edit/react-n7qk3n?file=src%2FApp.js