profile
viewpoint
Brendan McGill brendanmc6 Frankfurt, Germany Building the driver app at Ioki, crowd-maps at canvis.app, and supporting carbon reduction projects at offsetra.com

brendanmc6/atom-keyboard-shortcuts 0

A list of keyboard shortcuts for the Atom text editor

brendanmc6/brendanmc6.github.io 0

(old) My web resume. Baby's first CSS

brendanmc6/coding-challenge-examples 0

Coding Challenge Examples

brendanmc6/concatt-matt 0

A discord bot to concatenate matt when he posts too much.

brendanmc6/gatsby 0

Build blazing fast, modern apps and websites with React

brendanmc6/ioki-react-challenge 0

Created with CodeSandbox

brendanmc6/mapbox-gl-js 0

Interactive, thoroughly customizable maps in the browser, powered by vector tiles and WebGL

brendanmc6/savings-priorities 0

A simplified calculator based on the savings priorities flowchart from /r/PersonalFinance

issue commentatomiks/tippyjs-react

useSingleton() hook source can not be passed to nested Tippy elements

That seems plausible, I did notice the effects were firing before the child singleton had mounted.

brendanmc6

comment created time in 24 days

issue openedatomiks/tippyjs-react

useSingleton() hook source can not be passed to nested Tippy elements

I am working on a tippy popper which contains nested Singleton poppers, like this:

Kapture 2020-06-16 at 16 30 22

Working example: https://codesandbox.io/s/working-singleton-poppers-in-popper-ox9c1

This is only possible if you extract the outer tippy's content to a separate component, and call the hook inside of it.

If you use the hook at the parent level and pass the source object down to the elements in content (whether inline or via props) there is a console error: error: @tippyjs/react: The `source` variable from `useSingleton()` has not been passed to a <Tippy /> component.

Broken example: https://codesandbox.io/s/broken-singleton-poppers-in-popper-fltij?file=/src/App.js

This unfortunately means I can not compose reuseable popper elements, like this:

// my end goal
const ToolPalette = () => (
  <ReuseablePalettePopper target={<button>choose a tool, hover to learn more</button>}>
    <PaletteButton label="Paint Brush" popperContent="paintbrush.gif" />
    <PaletteButton label="Line Tool" popperContent="linetool.gif" />
    <PaletteButton label="Eraser" popperContent="eraser.gif" />
  </ReuseablePalettePopper>
);

created time in 25 days

startedbasarat/gls

started time in a month

starteddsznajder/vscode-es7-javascript-react-snippets

started time in a month

startedhluk/CopyQ

started time in a month

issue commentfirebase/firebase-functions

Typescript compilation error: Argument of type 'Express' is not assignable [..]

Likewise since updating to the latest version of firebase-functions. I was previously on 3.3.0.

remie

comment created time in 2 months

more