keplergl / keplergl/kepler.gl

[Bug] Kepler GL has a good amount of whitespace on bottom

Open
#2,877 3 comments 1 reaction 0 assignees View on GitHub
bug
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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.