{"action":"created","issue":{"url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/2574","labels_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/2574/labels{/name}","comments_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/2574/comments","events_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/2574/events","html_url":"https://github.com/Semantic-Org/Semantic-UI/issues/2574","id":94187407,"number":2574,"title":"[Docs] Note about Blurring Modal Performance","user":{"login":"ph7vc","id":5940454,"avatar_url":"https://avatars.githubusercontent.com/u/5940454?v=3","gravatar_id":"","url":"https://api.github.com/users/ph7vc","html_url":"https://github.com/ph7vc","followers_url":"https://api.github.com/users/ph7vc/followers","following_url":"https://api.github.com/users/ph7vc/following{/other_user}","gists_url":"https://api.github.com/users/ph7vc/gists{/gist_id}","starred_url":"https://api.github.com/users/ph7vc/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ph7vc/subscriptions","organizations_url":"https://api.github.com/users/ph7vc/orgs","repos_url":"https://api.github.com/users/ph7vc/repos","events_url":"https://api.github.com/users/ph7vc/events{/privacy}","received_events_url":"https://api.github.com/users/ph7vc/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/labels/Docs%20Issue","name":"Docs Issue","color":"42758a"}],"state":"closed","locked":false,"assignee":null,"milestone":{"url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/milestones/17","html_url":"https://github.com/Semantic-Org/Semantic-UI/milestones/2.1","labels_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/milestones/17/labels","id":1172601,"number":17,"title":"2.1","description":"","creator":{"login":"jlukic","id":23123,"avatar_url":"https://avatars.githubusercontent.com/u/23123?v=3","gravatar_id":"","url":"https://api.github.com/users/jlukic","html_url":"https://github.com/jlukic","followers_url":"https://api.github.com/users/jlukic/followers","following_url":"https://api.github.com/users/jlukic/following{/other_user}","gists_url":"https://api.github.com/users/jlukic/gists{/gist_id}","starred_url":"https://api.github.com/users/jlukic/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jlukic/subscriptions","organizations_url":"https://api.github.com/users/jlukic/orgs","repos_url":"https://api.github.com/users/jlukic/repos","events_url":"https://api.github.com/users/jlukic/events{/privacy}","received_events_url":"https://api.github.com/users/jlukic/received_events","type":"User","site_admin":false},"open_issues":18,"closed_issues":2,"state":"open","created_at":"2015-06-19T15:17:00Z","updated_at":"2015-07-10T18:19:52Z","due_on":"2015-07-15T04:00:00Z","closed_at":null},"comments":3,"created_at":"2015-07-10T01:09:15Z","updated_at":"2015-07-10T23:53:30Z","closed_at":"2015-07-10T17:15:57Z","body":"I love the new blurring ability of the modal. However, I have significant frame loss when I use; it's extremely noticeable. \r\n\r\nMy computer is pretty beefy (4.4ghz i7, 32gb RAM, gtx980ti). I'm running Ubuntu 14.04 with Chromium 43. I have 2x 144hz 1080p monitors\r\n\r\nI did a little quick analysis using the chrome FPS counter; and I was usually painting ~100fps, but i drop to about 15 when using the blurring feature. \r\n\r\nCurious if anyone else has noticed this."},"comment":{"url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/comments/120552412","html_url":"https://github.com/Semantic-Org/Semantic-UI/issues/2574#issuecomment-120552412","issue_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/2574","id":120552412,"user":{"login":"ph7vc","id":5940454,"avatar_url":"https://avatars.githubusercontent.com/u/5940454?v=3","gravatar_id":"","url":"https://api.github.com/users/ph7vc","html_url":"https://github.com/ph7vc","followers_url":"https://api.github.com/users/ph7vc/followers","following_url":"https://api.github.com/users/ph7vc/following{/other_user}","gists_url":"https://api.github.com/users/ph7vc/gists{/gist_id}","starred_url":"https://api.github.com/users/ph7vc/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ph7vc/subscriptions","organizations_url":"https://api.github.com/users/ph7vc/orgs","repos_url":"https://api.github.com/users/ph7vc/repos","events_url":"https://api.github.com/users/ph7vc/events{/privacy}","received_events_url":"https://api.github.com/users/ph7vc/received_events","type":"User","site_admin":false},"created_at":"2015-07-10T23:53:30Z","updated_at":"2015-07-10T23:53:30Z","body":"@jlukic: For me it's not isolated to just full screen modals, but any modal using the blur. \r\n\r\nI'm betting it has to do with applying this CSS style:\r\n\r\n```\r\n.blurring.dimmed.dimmable>:not(.dimmer) {\r\n  filter: blur(5px) grayscale(.7);\r\n}\r\n```\r\n\r\nLooks like it will select every element on the page and apply that style to it; so if it's a rather deep DOM tree (like the docs are), I could see how this could cause a performance hit. If it was applied only to the highest element in the DOM; and modals and page dimmers were outside that, then that would work; but that would probably be a lot of recoding.\r\n\r\nNot a huge deal; but idk how usable this feature will be :("}}