Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

drag scroll button #659

Closed
m-derakhshi opened this issue Mar 9, 2023 · 4 comments · Fixed by #666
Closed

drag scroll button #659

m-derakhshi opened this issue Mar 9, 2023 · 4 comments · Fixed by #666

Comments

@m-derakhshi
Copy link

m-derakhshi commented Mar 9, 2023 •
edited
Loading

I use core document and install simplebar with jquery
Mouse scroll works well
But when we drag the scroll button
It does the opposite
If we hold the button and move down, it moves up and vice versa
image of problem: https://pasteboard.co/ct90st4ZWJm2.png { Dragging the scroll button with the mouse moved it up, but the scroll button and content moved down }
@m-derakhshi m-derakhshi changed the title scroll button drag scroll button Mar 9, 2023
@exil0867
Copy link

Hello!

When reporting an issue, it's important to provide a reproducible demo along with its source code so that we can properly debug it. including just an image is kind of pointless as it does not show us the problem.

@Grsmto I think you should close this issue unless more information is provided.

@yosefebrahimi7
Copy link

I have same issue in nextjs-version13 and tailwind-css!

"use client";

import dynamic from "next/dynamic";

import "./assets/globals.css";
import "./assets/fonts/dana.css";

const SimpleBarReact = dynamic(
  () => import("simplebar-react").then((C) => C),
  {
    ssr: false,
  }
);

function RootLayout(props) {
  const { children } = props;

  return (
    <html lang="fa">
      {/*
        <head /> will contain the components returned by the nearest parent
        head.js. Find out more at https://beta.nextjs.org/docs/api-reference/file-conventions/head
      */}
      <head />
      <body dir="rtl" className="overflow-hidden h-screen">
        <SimpleBarReact
          data-simplebar-direction="rtl"
          className="max-w-full h-full overflow-x-hidden"
          autoHide={true}
        >
          {children}
        </SimpleBarReact>
      </body>
    </html>
  );
}

export default RootLayout;

@GSilidis
Copy link
Contributor

GSilidis commented Apr 12, 2023 •
edited
Loading

Have the same problem on 6.2.4 version. Here's pen with some example code, where this bug is reproducible (try to drag vertical scroll handle, horizontal - works OK): https://codepen.io/GSilidis/pen/RweWyNE. Reproduced on Chrome 111 and Firefox ESR 102.9

UPD: Found possible reason for that, created PR that should fix it

@GSilidis GSilidis mentioned this issue Apr 12, 2023
Merged
@yosefebrahimi7
Copy link

The problem was solved for me too.
thanks a lot

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(core): Fix vertical scrollbar dragging in rtl mode
4 participants
@exil0867 @GSilidis @yosefebrahimi7 @m-derakhshi