Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

How to change rect-selection size when container scroll

See original GitHub issue

Environments

Framework name: react
Framework version: v16
Component name: react-selecto
Component version: 1.12.0
Testable Address(optional): https://codesandbox.io/s/broken-fog-bbl8w (fork from https://codesandbox.io/s/4lw4q, only change file style.css line 122( height: 300px; => // height: 300px; ))

Description

Is there a way to autoChange rect-selection size when container is dragging and outer container(e.g window) is scolling? Currently,when outer container scrolls, the rect-selection only change pos(size not change)。 selectto-capture

Issue Analytics

State:
Created 2 years ago
Comments:12 (3 by maintainers)

Top GitHub Comments

3reactions

daybrushcommented, Mar 10, 2022

@ttay24 @na2793 @yoole5699

selecto 1.15.0
react-selecto 1.15.0
preact-selecto 1.15.0
ngx-selecto 1.15.0
svelte-selecto 1.15.0
vue-selecto 1.15.0
vue3-selecto 1.1.0
lit-selecto 1.15.0

selecto’s new version is released and see this demo: https://codesandbox.io/s/angry-albattani-2uu9kg?file=/src/App.tsx

And storybook also updated.

https://daybrush.com/selecto/storybook/?path=/story/selecto--select-in-the-scroll-area

Thank you 😃

1reaction

na2793commented, May 11, 2022

@claudiabdm I had the same problem before. Check out the link below. https://daybrush.com/selecto/release/latest/doc/Selecto.html#findSelectableTargets I hope this helps.

Top Results From Across the Web

Change the width of container when scrolling the screen

here is a simple way to change the container or your content div block's width when the user scrolls to the end of...

Element size and scrolling

First, CSS width/height depend on another property: box-sizing that defines “what is” CSS width and height. A change in box-sizing for CSS ...

Overflowing content - Learn web development | MDN

As with scroll , you get a scrollbar in the scrolling dimension whether or not there is enough content to cause a scrollbar....

CSS overflow property

JavaScript syntax: object.style.overflow="scroll" Try it ... Content can be scrolled programmatically (e.g. by setting scrollLeft or scrollTo()), Demo ❯.

Make scrollable container

If you want to change the size of the container, just edit the Container Properties or click on its name on the canvas...