Where communities thrive

Join over 1.5M+ people
Join over 100K+ communities
Free without limits
Create your own community

Explore more communities

clauderic/react-sortable-hoc

Set of higher-order components to turn any list into a sortable, touch-friendly, animated list

People

Repo info

Activity

Amelia Kaufman

@akaufman3

Anyone have a good solution for deleting an item? It seems like the HOC is detecting the click as a drag and not a click on an X we placed that triggers a call to a deletion method. @dcavalcante can u share ur solution?

Amelia Kaufman

@akaufman3

For anyone that comes later, cant use <button><svg></button> it has be to be <button>text</button>

Ray

@rmbw74

So if my wrapped component had an onDrop event attached to it (or others) is there any way to access that or keep it active. I want certain actions to take place when dropped on particular elements.. but it seems the event on the wrapped element takes precedence

Ray

@rmbw74

@akaufman3 - you should be able to use the press delay parameter so that you can click on an item in order to trigger an event... the sort wont kick in until after that.

Yaver Mammadov

@yaverm

Hi everyone, i can't insall react-sortable-hoc from npm

have any problems in packets ?

gaoRong112

@gaoRong112

hey guys，how to drag and drop between multiple lists, drag and drop elements from one container into another.

tomacadi

@tomacadi

hey, guys, how can I trigger update of SortableList? Looks like updateBeforeSortStart is the only way but as the name says, it happens when you try to sort again so any new elements are not visible

*meant to say SortableContainer

Wyatt Arent

@warent

Just wanted to drop by and say thanks to the maintainers for your work on this package

react-dnd and react-beautiful-dnd was a garden path that turned into a living hell and ended up not even having the features I needed

This was a million times easier to setup and had everything needed

Eduardo Plaza

@edoplaza

Hello. I am having trouble when trying to persist my sortable list in Firestore. Any suggestions?. I am using hooks, and a snapshot listener to handle DB / state updates

dbhalalahutwork

@dbhalalahutwork

Hello
On sorting I need to show placeholder
can any one help me with that?

Jignesh Bhavani

@iJigneshh_twitter

Does anyone have implemented react-sortable-hoc in Wordpress Gutenberg? I have small query i want to ask thanks in advance

Input field in SortableElement loses focus on typing

please help if anyone encountered this issue before

If you have input field in Sortable Element, on each letter you type it loses the focus while writing

basically rendering on each letter

Related to this clauderic/react-sortable-hoc#120

XaHDpE

@XaHDpE

hello guys, can you please help how to implement sortable grid? i guess, it is possible (as per example:
http://clauderic.github.io/react-sortable-hoc/#/basic-configuration/grid?_k=12tkb9 ), but no github source available. may some examples you have?

looks like i'm not the very first here with this question)))

Muzammil

@mzmmlds

hello everyone, is anybody have work around for this : clauderic/react-sortable-hoc#9 ?

XaHDpE

@XaHDpE

hello guys, trying to make sortable works with Material UI GridList (SortableContainer) / GridListTile (SortableElement) , for some reasons, i cannot change the number of columns with cols=X parameter for the given GridList (only 2 columns grid not less, not more).
my question - does the react-sortable applies any additional hidden styles to the sortable container / element?

Brian Feeley

@bfeeley

Any thoughts on how to keep a Google Map in your Sortable List from reloading every time you drag and drop it?

Eshu Goel

@eshugoel24

I am facing some issue while selecting a value at the first dropdown and then trying to drag it and drop at 3rd position then the dropped element is not persisting the value. please check https://codesandbox.io/s/sharp-dewdney-o6wv5

Kaleem Elahi

@kaleem-elahi

Hey @dbhalalahutwork , Did you find any any solution ?

Kaleem Elahi

@kaleem-elahi

Hey Everyone

On sorting I need to show placeholder on Drop target

Any thoughts on it guys ?

Mack

@ImMaheshK_twitter

hie

when m dragging my last element to first element its not scroll automatically ?

Josue Diaz

@joaldico

Hi people I have a problem with drag and drop in IE11 the animation is not shown. Is there any way to solve it?

Mohtashim Khan

@khanmohtashim22

Hi Everyone, is there a way to allow for auto scrolling when locktocontaineredges is set to true?

@clauderic

Any help will be much appreciated!

Also is there a way to add styles to an element while it is being dragged

simonenj

@simonenj

Hello so when I try to drag an Item it always selects first item in the list and all items except the one i'm dragging disappear... do you know any solutions?

sakhilan96

@sakhilan96

Hi guys! I ran the basic code and its not auto scrolling in mobile when i bring the item to bottom. Anything I'm missing?

Sick Sad World

@Sick_Sad_World__twitter

Hello to everyone! there's some way to fold a list with 100+ items to move the last element on top without make so many scrolls?

devarcher

@devarcher

hey there...it's my first time using higher order functions...how does this work?

are there any simple examples out there, i'm having a difficult time finding resources outside of the github docs, which i don't full understand yet.

are there code examples of the examples found here: https://clauderic.github.io/react-sortable-hoc/#/basic-configuration/grid?_k=q1gbfq

devarcher

@devarcher

as in practical examples :)

cristiAndreiTarasi

@cristiAndreiTarasi

I was looking for a way to implement the sortability to a backend with express/mongodb. I want to update the database with the sorting from the react side. Any suggestions or documentation links would be much appreciated. Thanks.

Daniel Byun

@danielbyun

How can I sort array of objects with this library?

hm.. seems like every only asks, no one really responds..

nvm got it

casvil

@casvil

hey there, has anyone tried to use react-sortable-hoc and mobx?