{"id":25907908,"url":"https://github.com/lostbeard/radzeniconfullscreenissue","last_synced_at":"2025-06-18T19:40:30.767Z","repository":{"id":280060170,"uuid":"940866168","full_name":"LostBeard/RadzenIconFullscreenIssue","owner":"LostBeard","description":"Demonstrates a possible issue related to RadzenIcon, element.requestFullscreen, and the Chrome web browser.","archived":false,"fork":false,"pushed_at":"2025-03-01T01:08:44.000Z","size":32176,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-01T01:23:51.413Z","etag":null,"topics":["chrome","issue","radzen","radzen-blazor-components","requestfullscreen"],"latest_commit_sha":null,"homepage":"https://lostbeard.github.io/RadzenIconFullscreenIssue/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/LostBeard.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-03-01T00:10:10.000Z","updated_at":"2025-03-01T01:08:48.000Z","dependencies_parsed_at":"2025-03-01T01:23:55.712Z","dependency_job_id":"e64b0770-4eb3-4a13-8301-f8f442b6b4ba","html_url":"https://github.com/LostBeard/RadzenIconFullscreenIssue","commit_stats":null,"previous_names":["lostbeard/radzeniconfullscreenissue"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LostBeard%2FRadzenIconFullscreenIssue","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LostBeard%2FRadzenIconFullscreenIssue/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LostBeard%2FRadzenIconFullscreenIssue/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LostBeard%2FRadzenIconFullscreenIssue/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/LostBeard","download_url":"https://codeload.github.com/LostBeard/RadzenIconFullscreenIssue/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241622601,"owners_count":19992504,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chrome","issue","radzen","radzen-blazor-components","requestfullscreen"],"created_at":"2025-03-03T07:15:38.484Z","updated_at":"2025-03-03T07:15:39.144Z","avatar_url":"https://github.com/LostBeard.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# RadzenIconFullscreenIssue\n`\u003cRadzenIcon Icon=\"fullscreen\"\u003e` can cause `element.requestFullscreen()` to misbehave in Chrome.\n\nThis repository demonstrates a possible issue related to RadzenIcon, element.requestFullscreen, and the Chrome web browser.\n\n## Steps to reproduce\n- Start a new Blazor WASM Standalone project\n- Add Radzen to the project\n- Add a `\u003cRadzenIcon Icon=\"fullscreen\"\u003e` to a page\n- Add code to the page to call `element.requestFullscreen()` on a div when a button is clicked\n- Run the project in Chrome\n- Click the button to request fullscreen\n- Observe that the entire document goes fullscreen and not the element that called `requestFullscreen()`\n\n## Expected behavior\nThe element that called `requestFullscreen()` should go fullscreen and not the entire document.\n\n## Actual behavior\nThe entire document goes fullscreen and not the element that called `requestFullscreen()`\n\n## Additional information\nThis issue does not occur in Firefox or Edge. It has been observed in Chrome 133 on Windows 10, and macOS Sequoia.\n\n## Workaround\nThe issue seems to not appear if you do not use a `\u003cRadzenIcon\u003e` with a `fullscreen` icon. If you use a different icon, the issue does not occur.\n\n## Demo\n[Demo](https://lostbeard.github.io/RadzenIconFullscreenIssue/)\n\n### How to use the demo\n\n#### Reproduce the issue\n- Visit the demo link above.\n- Click the `With RadzenIcon` in the nav bar\n- Click the `Toggle Fullscreen` button\n- Observe the issue\n\n!IMPORTANT: \n- Close the tab, and in a new tab go to the Demo again. (Refreshing the tab does not fully reset the issue.)\n\n#### Show the issue does not occur without RadzenIcon\n- Visit the demo link above.\n- Click the `Without RadzenIcon` in the nav bar\n- Click the `Toggle Fullscreen` button\n- Observe the issue does not occur\n\n## Version\n- Radzen 6.0.19\n- Windows 10 64 bit\n- macOS Sequoia (tested on browserstack.com)\n- Chrome 133\n\n## TL;DR\n- `\u003cRadzenIcon Icon=\"fullscreen\"\u003e` can cause `element.requestFullscreen()` to misbehave in Chrome.\n- `\u003cRadzenIcon\u003e` with icons other than `fullscreen` have shown to not trigger the issue.\n\nIssue on macOS Sequoia on browserstack.com:\n[Sequoia Chrome 133 Video](https://github.com/LostBeard/RadzenIconFullscreenIssue/raw/refs/heads/main/RadzenIconFullscreenIssue/Media/screenRecording-1-3-2025-9-11.mp4)\n\nIssue on Windows 10 on browserstack.com:\n[Windows 10 Chrome 133 Video](https://github.com/LostBeard/RadzenIconFullscreenIssue/raw/refs/heads/main/RadzenIconFullscreenIssue/Media/screenRecording-1-3-2025-9-15.mp4)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flostbeard%2Fradzeniconfullscreenissue","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flostbeard%2Fradzeniconfullscreenissue","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flostbeard%2Fradzeniconfullscreenissue/lists"}