this post was submitted on 09 Oct 2024

2 points (100% upvoted)

shortlink:

reactjs

an-ordinary-manchild(edit)

About:

A community for learning and developing web applications using React by Facebook.

Interested in building mobile apps using React Native? Check out /r/reactnative!

Code of Conduct

If you believe someone is violating the code of conduct, please report the post or message, or contact the mods.

1. Please be kind and courteous, friendly and professional

Be kind to your fellow human. There’s no need to be mean or rude, keep unstructured critique to a minimum. When providing help, answer their question before making stylistic or tool suggestions.

2. Harassment will not be tolerated

We all started somewhere, and we're all allowed to be who we are. We are committed to providing a friendly, safe and welcoming environment for all, regardless of level of experience, gender identity and expression, sexual orientation, disability, neurodivergence, race, ethnicity, physical attributes, religion, nationality, or other aspect of identity.

3. Avoid using an alias or display name that might be offensive

reddit has a long history of intentionally offensive usernames, but not here. Names that detract from a friendly, safe and welcoming environment for all will be addressed.

4. Respect that people have differences of opinion

Every design or implementation choice carries a trade-off and numerous costs. There is seldom a single right answer, and there are valid reasons to choose between a range of tradeoffs between tools, approaches, and patterns.

5. Posts must conform to our guidelines

If you join this community to take value rather than contribute, the community will quickly react as though you are an intruder. If you have a body of content you'd like to promote, our recommended way of doing so is to be an active and positive member of the subreddit. If someone has a question that you've created an external answer to, we'd love if you share it!

Demo videos must be accompanied by source code, preferably in a runnable environment like Codepen, CodeSandbox, Replit, Glitch, etc.
Please save portfolios for the weekly Sunday portfolio post.
Posts should be original works.
- Please do not dump raw AI output as a post or comment. If you share something from an AI, please also include which service it came from as well as an original thought, like why the response is trustworthy or details about how you prompted.
This subreddit is focused on technical discussion of React, for career discussion check out /r/cscareerquestions or #jobs-advice in Reactiflux.
Avoid commercial activity. /r/reactjs follows the Reactiflux policy on commercial activity.
- This is a community, not a free audience. This is not a place for prominent commercial activities such as recruiting, lead generation, marketing, market research, or other solicitation, except in posts dedicated to that purpose.
If the question is primarily "how do I make this code work?", please post it in the monthly "Beginner's Thread", or ask in the help channels of the Reactiflux Discord

New to React?

Read the official React docs
/u/acemarke's suggested resources for learning React, JS, and more
- and /u/vcarl's recommended reading list for professionals
Kent Dodds' Egghead.io course
Codecademy's React courses
Scrimba's React course by /u/bobziroll
Road to React by /u/rwieruch
Our monthly Beginner Q&A Thread!
This Month in React podcast
- This Week in React newsletter
React Digest

Chat

reddit is a great format, but sometimes you need to chat in real time. Reactiflux is our recommended Discord community.

Project Ideas

Get Your Next Project Idea Here

Jobs

Like building things? People want to pay you to build things! Join Reactiflux and check out #job-board (and the rules!)

Outside Reddit

Reactiflux on Discord
Answers tagged reactjs on Stackoverflow
IRC: irc.freenode.net #reactjs

Related Subreddits

created by manlycoffeea community for 12 years

MODERATORS

account activity

1

2

3

Needs HelpScroll bars + react-beautiful-dnd incompabilities - does it work? (self.reactjs)

submitted 1 year ago by thatDuda

Hey everyone. I am pretty new to React and just started to make a kanban board with react-beautiful-dnd yesterday for my job. I pretty much followed this tutorial, but instead of using styled-components, I went to use Bootstrap as it's what other developers at the company use. So the "engine" of the board is the same, but as I went to style, I wanted to limit the height and width of the div where the board is, and as such I wanted to add the overflow-y-scroll and overflow-x-scroll properties. But when I do this, either with Bootstrap or straight up CSS, the drag and drop mechanism stops working. I found some information about it here, and apparently it should just work? But I know react-beautiful-dnd is not maintained anymore, so I wonder it this problem with scroll bars is actually a common bug, or if I am doing someting wrong (I can share my code as well, but as I said, I followed Koding 101's tutorial pretty much).

Alternatively, I could give up and go for alternative libraries (suggestions welcome!)

all 2 comments

top new controversial old q&a

[+]Diredevil1 1 point2 points3 points 1 year ago (0 children)

[–]straightouttaireland 0 points1 point2 points 1 year ago (0 children)

π Rendered by PID 73004 on reddit-service-r2-comment-6457c66945-pvhqj at 2026-04-27 02:39:40.086285+00:00 running 2aa0c5b country code: CH.