{"action":"created","issue":{"url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/353","labels_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/353/labels{/name}","comments_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/353/comments","events_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/353/events","html_url":"https://github.com/react-bootstrap/react-bootstrap/issues/353","id":55772381,"number":353,"title":"Empty nodes for tooltips and performance","user":{"login":"SakulK","id":1440804,"avatar_url":"https://avatars.githubusercontent.com/u/1440804?v=3","gravatar_id":"","url":"https://api.github.com/users/SakulK","html_url":"https://github.com/SakulK","followers_url":"https://api.github.com/users/SakulK/followers","following_url":"https://api.github.com/users/SakulK/following{/other_user}","gists_url":"https://api.github.com/users/SakulK/gists{/gist_id}","starred_url":"https://api.github.com/users/SakulK/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/SakulK/subscriptions","organizations_url":"https://api.github.com/users/SakulK/orgs","repos_url":"https://api.github.com/users/SakulK/repos","events_url":"https://api.github.com/users/SakulK/events{/privacy}","received_events_url":"https://api.github.com/users/SakulK/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":4,"created_at":"2015-01-28T15:44:31Z","updated_at":"2015-02-05T23:17:46Z","closed_at":null,"body":"Currently when using a tooltip react-bootstrap creates a div with an empty span for every tooltip in the app. When the number of tooltips is small this is not a problem but when using tooltips a lot it really makes a huge performance issue. Isn't there a way to not create those empty elements? I assume the problem here is the way react works but maybe there is a workaround?"},"comment":{"url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/comments/73151132","html_url":"https://github.com/react-bootstrap/react-bootstrap/issues/353#issuecomment-73151132","issue_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/353","id":73151132,"user":{"login":"globexdesigns","id":226640,"avatar_url":"https://avatars.githubusercontent.com/u/226640?v=3","gravatar_id":"","url":"https://api.github.com/users/globexdesigns","html_url":"https://github.com/globexdesigns","followers_url":"https://api.github.com/users/globexdesigns/followers","following_url":"https://api.github.com/users/globexdesigns/following{/other_user}","gists_url":"https://api.github.com/users/globexdesigns/gists{/gist_id}","starred_url":"https://api.github.com/users/globexdesigns/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/globexdesigns/subscriptions","organizations_url":"https://api.github.com/users/globexdesigns/orgs","repos_url":"https://api.github.com/users/globexdesigns/repos","events_url":"https://api.github.com/users/globexdesigns/events{/privacy}","received_events_url":"https://api.github.com/users/globexdesigns/received_events","type":"User","site_admin":false},"created_at":"2015-02-05T23:17:46Z","updated_at":"2015-02-05T23:17:46Z","body":"Same issue here. This approach to creating Overlays is not scalable. My app currently have 1000+ independent items which have a tooltip or popover, and I'm having a lot of issues with render() blocking my rendering for several seconds when React tries to re-render the view.\r\n\r\nIs there no way to generate the Overlay container on-demand?"}}