[Bug] Kepler GL has a good amount of whitespace on bottom
- Dominant language
- TypeScript
- Stars
- 12k
- Forks
- 2k
- Avg merge
- 1d 5h
- Merged PRs (30d)
- 66
Description
**Description**
In my 2K LG monitor, there is a very big white space on the bottom.
**To Reproduce**
Steps to reproduce the behavior:
Here is the code I used:
```jsx
import { KeplerGl } from "@kepler.gl/components";
import { AutoSizer } from "react-virtualized";
function App() {
return (
{({ height, width }) => (
)}
);
}
export default App;
```
**Screen Recording**
https://github.com/user-attachments/assets/7bcea96d-0e63-470f-a699-ddf18bba9374
Contributor guide
No contributing guide indexed for this repository
Research direction
Start by reproducing the issue with the provided React example using KeplerGl and AutoSizer on a 2K display, comparing the result with the attached screen recording. Trace how the supplied height is used by the KeplerGl component and determine when the bottom whitespace appears. Done means the example fills the available viewport without the reported whitespace.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- data-visualization, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100