36 replies

1. Private reply 9 min later
   1. Zach Leatherman 20 min later

      TIL! (awesome, thank you!)

      1. Private reply 23 min later
         1. Private reply 25 min later
         2. Private reply 48 min later
            1. Private reply 1 hr later
         3. Elf M. Sternberg 1 day later

            We have a number of components in our library that "autoslot." They look at the "shape" of the light DOM and, where it conforms, will generate a template AND assign slot names. That works well for things like input wrappers (label, help, etc), lists, and description lists.

            1. Elf M. Sternberg 1 day later

               The idea is that, like other composite components like select/option, or details/summary, you shouldn't have to provide slot attributes when the meaning of the lightDOM content is conformant and contextually clear.

               1. Private reply 1 day later
   2. Scott Jehl 21 min later

      why do I know @zachleat.com has dropped everything to start building <regrettably-ul> already

      1. Zach Leatherman 24 min later

         what is life but an <ul> of priorities 😈

   3. Danny Engelman 🌷🏍️🛥️ 19 hr later

      .childNodes creates way too many <slot> elements.

      Multiple <slot> can be used
      But ONE unnamed <slot> can be enough,
      .assign (can process a NodeList) sets the order.

      But sorting is maybe not the best example for manual slot-assignment;
      I keep lightDOM sort in lightDOM (2nd screenshot)

      1. Private reply 20 hr later
         1. Private reply 20 hr later
            1. Danny Engelman 🌷🏍️🛥️ 1 day later

               Its a choice to put every fork in its own drawer/slot WITHOUT a label

               Maybe a tile based border-less boardgame?
               Not chess, because you want <slot> NAMED A1-H8
               Could Carcassonne be a good example? Dominos?

               Performance wise its (just) DOM;
               1000 (list)items need 1000 <slots> 999 not really required

               1. Danny Engelman 🌷🏍️🛥️ 1 day later

                  Carcassonne is easier with a rotating fixed size square layout in a CSS grid, where rows and columns are added Top-Bottom-Left-Right

                  Dominos probably requires masonry (not supported in a browser yet)

                  Maybe next weeks team Web Component challenge; we did Ludo once; all NAMED slots and CSS grid-area

2. Stuart Langridge 27 min later

   <untruthf-ul>
   maybe <deceitf-ul>

   1. Zach Leatherman 31 min later

      *incredible work here*

   2. Dave Rupert 20 hr later

      Or.. <actu-ul>? Because now it’s actually unordered?

      1. Stuart Langridge 20 hr later

         Ha! A <tr-ul-y> unordered list. I like it

      2. Zach Leatherman 20 hr later

         the double u-u has a lovely ghostbusters quality to it

         1. Dave Rupert 21 hr later

            There is no <data> only <zu-ul>

3. Jake Lazaroff 1 hr later

   definitely DOES NOT WORK but

   1. Álvaro Montoro 1 hr later

      Works on my machine :)

      1. Jake Lazaroff 1 hr later

         hey, whaddaya know!

         also TIL about `order`

      2. Álvaro Montoro 1 hr later

         Now, let's ship a Mac with Safari Technology Preview as default browser to every Internet user in the planet... What could it cost, $10?

      3. Justin Fagnani 1 hr later

         Great, now you just made me want sample-without-replacement in CSS...

         @tabatkins.com help!

         1. Tab Atkins-Bittner 4 hr later

            Just use a large enough range, you'll be unlikely to get collisions. Basically the same thing.

            1. Álvaro Montoro 5 hr later

               order: random(1, max(Infinity));

               ...except Infinity doesn't work in this case :(

               1. Tab Atkins-Bittner 6 hr later

                  Just put in a big number!

                  1. Zach Leatherman 6 hr later

                     I will put in a number that represents how high I can count, which is at least two digits

                     1. Tab Atkins-Bittner 9 hr later

                        Look at Mr. Big Brain showoff, can count to two digits!

                        1. Christoph Päper 16 hr later

                           Rookie level – my kids taught me how to count to 7 digits in less than a minute:
                           one, two, three, four, five, six, seven, eight, nine, ten, twenty, thirty, …, eight-hundred thousand, nine-hundred thousand, one million

                     2. Kilian Valkhof 14 hr later

                        It’s the same digit twice, isn’t it.

                        1. Zach Leatherman 20 hr later

                           …maybe

4. alan 20 hr later

   Chaos List is the name of my new band