Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    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?
    rainerbruemmer
    @rainerbruemmer
    Hi, I'm using react-sortable-hoc but have problems with Firefox. This seems to be fixed with clauderic/react-sortable-hoc#691. Does anybody know if this project is still alive and is already a release in the pipeline?
    Pedro Brighenti
    @p_brighenti_gitlab
    Hello everyone. I'm having an issue while dragging my elements when they're in a flex container with flex-direction: reverse-row. @Notinkham mentioned this issue here back in 2017. Is there a known fix for this use case?
    Greg Melillo
    @GDM95
    If anyone has struggled with removing/deleting items as I have, you have to use spread syntax to create a new array in memory. If you simply remove an item from the array, React won't re-render the component because nothing has changed from its perspective.
    e.g.: const onRemove = (index) => {
    let temp = images
    temp.splice(index, 1)
    setImages([...temp]);
    }
    OriAmir
    @OriAmir

    hi, i just take the simplest example that exists , and add a <div> tag that wrap the sortableitem element.. the problem is now the sort works just after spesific height and not correctly :
    const SortableList = SortableContainer(({ items }) => {
    return (
    <div>
    {items.map((value, index) => (
    <div>
    <SortableItem key={`item-${index}`} index={index} value={value} />
    </div>
    ))}
    </div>
    );
    });

    anyone know how I can set in one row my wanted sortable element + another element ?

    https://codesandbox.io/s/react-sortable-hoc-kh2se?file=/src/index.js:242-491
    @clauderic ?
    tnx!!
    Emily xie
    @emilyxiemao
    When I drag the items, sometimes Items being set to visibility: hidden, opacity: 0. Does someone know why? I have set index={index}
    Nachiket Trivedi
    @nachiket-trivedi
    Hi all, so I've been using this component for a while now and need one small urgent fix. I have a long list of cards stacked vertically which are draggable. Now I want to autoscroll up/down when I drag the card to the edge of my div. I'd be highly grateful if someone can help me with this. Thanks!
    David Casillas Rivero
    @DavidCasillasRivero
    I have just upgraded to React 16.13.0 => 16.13.1, MobX 5.15.4 => 5.15.6. Using react-sortable-hoc 1.11.0 I start getting a Cannot call a class as a function error. If I just remove the mobx.observer() method enclosing the sortableHandle and sortableElement elements the error disappears. I could not see anything in the Issues page of none of this libraries. Is there any hint on where this error may come?
    David Casillas Rivero
    @DavidCasillasRivero
    I found the source of the issue (not the real reason). It was changing from mobx-react to mobx-react-lite library. So nothing related to react-sortable-hoc. Probably the issue happens because sortableHandle and sortableElement are implemented as class components, something mobx-react-lite does not support.
    Kudret
    @Kudret
    Hi, React beginner here. When using React-Select and react-sortable-hoc, can I suppress maximum number of selected values displayed? Can I totally disable display of values?
    Katherine Wyman
    @katy6514
    hello! s anyone else getting Uncaught TypeError: Cannot read property 'top' of undefined? I've tried the solutions found on the github issues page for the package but none of the solutions that appear to have worked for others are working for me.
    vjorasb
    @vjorasb
    @clauderic hi, how are you?
    can I ask something about these fuctionality of react-sortable-hoc?
    karthikramasubramanian
    @karthikramasubramanian
    Hi @clauderic, thanks
    Hi all, the react-sortable-hoc example helped me with implementing a sortable list on my project. Was wondering if anyone here is able to give me some help\pointers on how to implement the ability to drag and drop multiple items? I am using react ^15.4.2.
    BaghelAnjali
    @BaghelAnjali
    I am not able to drag and drop all items. I have almost 300 items and am able to drag and drop only 1st 25 items, anyone ?
    linusdm
    @linusdm
    Hi everyone. I'm amazed by the beautiful showcase at https://clauderic.github.io/react-sortable-hoc/. How is this built? Some examples have references to their source-code, but more advanced examples don't. Which GUI framework is behind this showcase, and are the sources available?
    Saia Fonua
    @sfonua10
    @BaghelAnjali you still need help, or you good? it's only been a few months since you last posted haha
    Ankur sharma
    @ankur1163
    can someone help me out.
    https://prnt.sc/x80l38
    i have this icon, when i click the edit icon, the entire component rerenders
    why is this happening?
    groovecatchervr
    @groovecatchervr_twitter
    Hey all. I'm having some trouble with react-sortable-hoc in some conditions. I'm using it with semantic-ui-react (2.0.2) and react 16.13.1. In short, some styles for the helper class (border and text color) aren't getting rendered, even though they're shown as applied in the chrome dev tools style inspector. Other helper class styles are being applied properly. I've got details in a stackoverflow post here if anyone has time to look: https://stackoverflow.com/questions/65745227/css-styles-are-not-getting-applied-in-modal-dialog-how-can-i-fix
    Tim Douglas
    @neurotech
    Has anyone implemented react-sortable-hoc in a Storybook setup?
    tomerdomshlak
    @tomerdomshlak

    Hi all.

    I'm using the react-sortable-hoc library for the sole purpose of drag n' drop.
    However, the list items are being recreated/rerendered many times without doing drag n' drop.
    I don't need sorting or anything,
    and I'm fine with the items to be re-rendered when the user does drag n' drop.
    But only then.

    Does anyone has an idea how to help me?
    I'm desparate already. Thanks in advance!!!

    Jun Du
    @junqdu
    Hi all,
    Does anyone know if react-sortable-hoc support selecting multiple items and drag them at the same time?
    iit2008030
    @iit2008030
    Can someone suggest how to convert
    https://codesandbox.io/s/react-sortable-js-nested-tu8nn
    to a horizontal direction.
    the props supported does not seem to work. or something i am missing
    happyandlucky66
    @happyandlucky66
    Hello everyone, I want to ask a question, can drag apply to the whole row? now I can realize drag to sort on a column in a row, I want to drag the whole row not just a column in a row
    allenazamoras
    @allenazamoras
    Hi guys, I'd like to use a react-sortable-hoc in this project I'm doing, can anybody link me a CodeSandbox example of how to integrate it with material-ui's table? I have an example for sorting the table headers but I'd like to sort the rows.
    allenazamoras
    @allenazamoras
    Also can I use react-sortable-hoc with Nextjs?
    Md.Enamul Haq
    @EnamulHaq
    Hello anybody here ?
    how to use this demo ? can you share me this code ?
    http://clauderic.github.io/react-sortable-hoc/#/basic-configuration/multiple-lists?_k=o1y5mb
    Md.Enamul Haq
    @EnamulHaq
    anyone can heare me ?
    Neha Katariya
    @neha.kat:matrix.org
    [m]
    HEllo , Can anyone help me, i need to use react-virtualized with react-sortable hoc, how to do, any sample code
    zanetti4
    @zanetti4
    Hello everyone! I'm using react-sortable-hoc and antd Table to make an editable cell table. I've achived the drag function now but the dragging row is non-style. I set some styles including z-index in the helperClass but it don't work. Please someone help me ~
    Luucas
    @pika1217
    image.png
    can update peerDep support react 18?
    kong.sir
    @kong6666
    Hello, everyone. Does react-sortable-hoc support table merging, cell dragging and sorting? I didn't find a solution.
    Does anyone has an idea how to help me? I'm desparate already. Thanks in advance