I am encountering an issue where the table on my page only shows for a brief second when I refresh the page, and then it disappears. The Map Component being used is a react-leaflet map. I would like to have a component always displayed on top of the map without it disappearing. How can I prevent this from happening?
Here is a snippet from my CSS file:
.grid{
height: 100vh;
}
.map-box{
position: relative;
height: 100%;
}
.data-box{
position: absolute;
top: 20vh;
height: 100%;
}
And here is code from my App.js file:
<div className="App">
<header className="App-header">
<h2> </h2>
</header>
<body className="grid">
<div className='map-box'> <Map /> </div>
<div className='data-box'> <Data /> </div>
</body>
</div>
``