datenanfragen
Scrolling on the company database is broken for mobile
If you search for a term on the database, you might not be able to see all results, because you can not scroll. Instead of moving the view, the list of all companies in the background is moved.
In this example you can only see the first three results, instead of all five.
Hello. Can I take this? Please add more info, the page on which the issue exists.
Sure, have at it! You can find the issue here: https://www.datarequests.org/company
Files you might want to look at are layouts/company/list.html and src/company-list.js
While building, I'm facing the following error. Any suggestions? Start building sites … ERROR 2020/10/02 17:35:56 TOCSS: failed to transform "styles/loader.scss" (text/x-scss): resource "scss/styles/loader.scss_16daf05a51a1b3e21f08cb57cd3d16ce" not found in file cache Built in 4354 ms Error: Error building site: TOCSS: failed to transform "styles/main.scss" (text/x-scss): resource "scss/styles/main.scss_16daf05a51a1b3e21f08cb57cd3d16ce" not found in file cache
Make sure you're using the Extended version of Hugo. That should fix the error.
What kind of behavior is expected? Shall I remove the "Our company database holds the contract..." line when the div becomes sticky? But it still won't guarantee proper functioning.
Another option is to reduce the number of search results to 3, which I guess will be complicated to implement.
I think there are two things you can do: hide the text and button when scrolling and implement proper overflow handling for the search results. You can also try and limit the amount of search results based on the screen size, but I feel like this could end up being pretty error prone.