A node installed observable/inputs table seems to break the height?

[bbkane]

Hello again! After #1840 , I started trying to replace npm:... imports with node installed imports. However, when I tried to do this with npm:@observablehq/inputs, the height of the resulting table overflowed the header beneath it.

This is probably easy to explain with an example, so I made https://github.com/bbkane/framework-input-tables/tree/master

After running npm run dev, I see the following differences:

---

import * as Inputs from "npm:@observablehq/inputs";

This works as expected

---

However, I see the following after running npm install @observablehq/inputs and trying to use it:

import * as Inputs from "@observablehq/inputs";

---

I'm not sure why it matters which way I import the library, and I'm curious if one of you could explain what I'm doing wrong with the local import :) . Is this something to do with the import rules ?

[Fil]

This module also needs a stylesheet, which is transparently added when you use npm.

framework/src/libraries.ts

Line 63 in 8efdcf4

if (set.has("npm:@observablehq/inputs")) implicits.add("observablehq:stdlib/inputs.css");

You can also load it from npm independently of the node module:

<link rel=stylesheet href="npm:@observablehq/inputs/dist/index.css">

However I'm not sure there is a simple way to load it from the node module directly
https://observablehq.com/framework/imports#node-imports

[bbkane]

Interesting, thanks for linking that file! I'll have to keep those implicit imports in mind when writing my code. Would you be up for a small docs PR to the imports page that mentions how this works?