If I may, I would recommend "ease" or "ease-in-out" as the default transition timing. You can read more about the differences here: https://developer.mozilla.org/en-US/docs/Web/CSS/transition-timing-function#values

You are totally right, it works better with either of those two. Sorry, I'm not sure where to explicit the default value for that, I have tried on the input object like this but with no luck 😅: ease: { label: "Transition timing", input: DOM.select( ["ease-in", "ease-out", "ease-in-out", "ease", "linear"], { value: "ease" } ), output: () => "" } Thanks a lot for your help!

The old DOM.select() from Observable's stdlib is very barebones. The first value in the list of options becomes the default. If you don't need the interactivity, you can also replace the whole cell with an object, e.g.: ~~~ newOptions = ({transition: 500, offset: 150, ease: "ease-in-out"}) ~~~ Although in that case you may want to get rid of this cell and just pass the object directly to makeSticky()

I see! I've just set it as the first value of the list, so we keep the selectors as references for further experiments. Thanks a lot!!