seb/reactShop
1
0
Fork 0
Code Issues Pull Requests Activity

fix: Adjust ProductFilters component to clear min-height on mobile screens for improved responsiveness

Browse Source
This commit is contained in:
sebseb7
2026-03-27 01:37:14 +01:00
parent 7202c43dfa
commit 52c62541b0
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/ProductFilters.js
View File

@@ -273,13 +273,15 @@ class ProductFilters extends Component {
adjustPaperHeight = () => { adjustPaperHeight = () => {
// Skip height adjustment on xs screens
if (window.innerWidth < 600) return;
// Get reference to our paper element
const paperEl = document.getElementById('filters-paper'); const paperEl = document.getElementById('filters-paper');
if (!paperEl) return; if (!paperEl) return;
// No min-height on mobile — also clears inline style after resize from desktop
if (window.innerWidth < 600) {
paperEl.style.minHeight = '';
return;
}
// Get viewport height // Get viewport height
const viewportHeight = window.innerHeight; const viewportHeight = window.innerHeight;