Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Width not adjusting to full screen
See original GitHub issueCalendar does not always expand to full width of screen. I am not dynamically adjusting screen sizes, just navigating to and from the component that contains the calendar.
Using: "@fullcalendar/angular": "^5.0.0", "@fullcalendar/timegrid": "^5.0.0",
This seems to fix the issue:
.fc-col-header, .fc-timegrid-body { width: 100% !important; }
.fc-timegrid-body { table { width: 100% !important; } }
Issue Analytics
- State:
- Created 3 years ago
- Comments:11 (1 by maintainers)
Top Results From Across the Web
Body content in HTML not full screen although set width 100 ...
This is happening because in your code you have set background width to 100% that is working fine but when you are using...
Read more >Picture does not use full screen width - Microsoft Community
Picture does not use full screen width · Right click on desktop and then click on personalize. · Then click on Background, scroll...
Read more >How to Fix Elementor Full Width Not Working
From the Page Layout options, use the dropdown selector and select Elementor Full Width. This will retain the Header and Footer of your...
Read more >Screen.width - Web APIs - MDN Web Docs - Mozilla
The Screen.width read-only property returns the width of the screen in CSS pixels.
Read more >CSS Make Background Image Full Screen - SoftAuthor
Adjust Background Image Size. Wait…we're not done yet! As you can see the image is cut off because the image size is bigger...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
my solution: setTimeout(() => { this.calendarComponent.getApi().updateSize(); });
still having this problem, any news on this ?