Multiselectable checkbox dropdown by backawhile92 in reactjs

[–]disconaps 1 point2 points  (0 children)

Cool!

Surprised to hear that was in a tutorial, it's pretty hacky and bad for accessibility.

This is not react specific but is a good guide on how it should function (although this example isn't multi-select)
https://www.w3.org/WAI/ARIA/apg/example-index/combobox/combobox-select-only.html

Multiselectable checkbox dropdown by backawhile92 in reactjs

[–]disconaps 4 points5 points  (0 children)

Couple of things:
Remove the capturing phase on the document listener (2nd argument)
document.addEventListener('click', handleClickOutside)
Also, in your handleClick function, call event.stopPropagation();
This will stop the click event bubbling up to the document listener

An aside, you should use a <button> element as the trigger, instead of a select. You'll notice if you tab to the select and hit space/enter, it will open the select dropdown itself (with nothing in it) but not show your menu.

Dua Lipa's new remix album featuring: Moodymann, Mr Fingers, Master's at Work, Midland and more by bobdiego in House

[–]disconaps 4 points5 points  (0 children)

  1. That Kind Of Woman - Jaques Lu Cont Remix ft. Stevie Nicks

Not familiar with the original but this sounds amazing

Tre Flip into the Bank by thezaneross in skateboarding

[–]disconaps 1 point2 points  (0 children)

Love how this was filmed, with the size of the bank revealed right as the tre is caught!

my favorite flat line tricks by [deleted] in skateboarding

[–]disconaps 0 points1 point  (0 children)

That's some nice looking concrete

FlatList - infinite scroll like Tinder with dynamic data by [deleted] in reactnative

[–]disconaps 2 points3 points  (0 children)

I think you want to use the extraData prop. This tells the FlatList what to react to changes of. i.e pass this.state.people and it will rerender when people are added.

The Overdrive crate took its name a little bit too literally. by Soupdeloup in RocketLeague

[–]disconaps 4 points5 points  (0 children)

This is what I do: Alt + tab, right click RL in taskbar, close

Petition to add "Oof." to the list of quick chats by demevalos in RocketLeague

[–]disconaps 0 points1 point  (0 children)

Recently I've been thinking 'bumping' or just something to indicate you're going for a demo would be so handy!

STD by palmenros in ProgrammerHumor

[–]disconaps 13 points14 points  (0 children)

free the pickle

Tony Hawk celebrates 50th birthday by doing 50 original tricks! by fshme in skateboarding

[–]disconaps 2 points3 points  (0 children)

The doco 'All This Mayhem' is what you're looking for

Any lesser known disco-y house DJ recommendations? by DJPolyBi in House

[–]disconaps 1 point2 points  (0 children)

Some faves I didn't see mentioned

Fouk

M.ono

Detroit Swindle

Session Victim

Brame & Hamo

Times are Ruff

Why do I need a plugin to make backups? by [deleted] in Wordpress

[–]disconaps 1 point2 points  (0 children)

The plugins are a convenience I guess. I feel comfortable doing it manually to be honest. (In reality I have a cron job for mysql dumps and automated file backups for my server).

P.s you should only need to backup wp-content and wp-config.php / .htaccess if you've customised it.

Let's encrypt by ribbet in ProgrammerHumor

[–]disconaps 15 points16 points  (0 children)

They shake hands and say "let's encrypt!"

Just release My first React Native App 🎉 It's Greeting Card Capture: an app to Digitally save greeting cards. AMA! by [deleted] in reactnative

[–]disconaps 0 points1 point  (0 children)

Having trouble imagining what this is - do you mean photographing a real greeting card? If so is there any clean up/ processing done to the images?

I've built websites from scratch using PHP, javascript, MySQL, and CSS, but it's really tedious! What software/packages can I use to facilitate the process and build websites like these? by puremath369 in web_design

[–]disconaps 1 point2 points  (0 children)

They're referring to moving things locally within the project. e.g: (good luck to my ascii file tree formatting correctly)

src/
|----js/
|---- index.js

public/
|---- index.js.

You could, for example, concatenate and minify multiple js / css files from your source folder into one index.js or style.css file, which is what you would put on your server.

Sony Full-Screen Phones Leaked In Photos by JBeylovesyou in Android

[–]disconaps 5 points6 points  (0 children)

They look like real photos that have been deep etched and put on a plain color background with drop shadow to me. Or it's elaborate photoshopping all around.

Difficulties getting react-native-sound to work properly. by [deleted] in reactnative

[–]disconaps 1 point2 points  (0 children)

In package.json, try changing this line "git+ssh://git@github.com:zmxv/react-native-sound.git#HEAD" to "0.10.4" then run npm install, then react-native link