The calendar component on Chrome and Edge are both showing boxes instead of arrows (I'm assuming based on the functionality)
Yes, it shows as boxes for myself and my users on Chrome and Edge. I have also updated the browsers to the latest version. Any browser setting that would create this?
Try disabling plugins and extensions. We've seen plugins cause similar issues on Chrome (e.g. Tiktok extension)
Hi @Paulo - I don't have any extensions running on this browser other than password managers (1Password, Bitwarden) and Metamask. I've opened this on Edge as well with no extensions and have the same problem.
I just downloaded Edge on my Mac and I can see the arrows on the latest version:
Version 130.0.2849.80 (Official build) (arm64)
I don't have a Windows machine at this moment to test this on but I'm happy to test on my personal computer once I get home.
A couple of things to check on the meantime:
- Do we have any Custom CSS on the App?
- Could you try creating a new app and adding the same component on the canvas?
Just checked on both:
- No custom CSS and still doesn't work (video)
- Tried this and the arrows don't show
Thanks for your help with debugging, I would normally not bother about these small things but I have users who are older and unfamiliar with these types of components to infer those would be arrows. They've presented great frustration with me over this small issue.
Definitely not a great experience for your users. We still haven't been able to reproduce it. Could you try opening the app in incognito mode?
Yup! Issue still there unfortunately. I am on Version 130.0.6723.117 (Official Build) (arm64) of Chrome if that helps. Let me know if I can provide any more information.
Hey Paulo - Just updated to Version 131.0.6778.86 (Official Build) (arm64)
and unfortunately the issue persists. Tried opening it in Incognito as well. Would inspecting the page in any way help?
Let's try this. Do we see any error messages related to FullCalendar or FontAwesome?
On the other hand, have we installed any other JS libraries on this app? I wonder if another library is overwriting the styles for fc-icon-chevron-right
.
If we have, please share a screenshot of this setting:
Recorded a video here to show you what it looks like when I load a new app with the calendar component and open the console. The new app has no libraries or custom CSS/JS in it.
I tried the same thing in Incognito and got the same result. If it helps, my other icons on buttons / selector / using the icon component work, it just happens to be these two arrows on the calendar component.
Hi @tiffany, thanks for the video.
What is that blue and white shield logo showing a number 4 two spots left of your Metamask extension? Is it an adblocker or anything related to a Firewall?
There might be something blocking CORS.
The blue and white shield is Bitwarden, my password manager. I have OnePassword, Bitwarden, and Metamask. Even if I remove everything other than those three, it still unfortunately doesn't work. My users shouldn't have any extensions on their browsers and are experiencing similar issues.
Could you expand these logs in your console?
Hi @Paulo - I have two videos. When I clicked into that Removing unpermitted intrinsics
, it was coming from my Metamask. I filmed two videos one in regular browser with the extensions and another in Incognito. Please let me know if there's any more information I can provide to you. Thank you for your effort and help through this process!
Regular
Incognito
Thank you for sharing the screen recordings, @tiffany. If Metamask is blocking the request, I'm not sure if there's something we can do to prevent that but I've shared this internally.
On the other hand, did you allow the Metamask extension to run on incognito mode? I'm surprised we still couldn't see it then.