Use Code: LCMYEARENDEXCL30Next-Gen App & Browser
Testing Cloud
Trusted by 2 Mn+ QAs & Devs to accelerate their release cycles
Element.getBoundingClientRect()
GetBoundingClientRect gets the size and position of an element's bounding box, relative to the viewport.
Last updated on : 2023-03-20
Browser Versions
IE
Edge
Firefox
Chrome
Safari
Opera
Fully Supported
Partially
No Support
Specifications
CSSOM View Module # dom-element-getboundingclientrect
Syntax
domRect = element.getBoundingClientRect();
Browser Compatibility
Element.getBoundingClientRect() on IE is fully supported on 9-11 and partially supported on 5.5-8 IE versions.
Element.getBoundingClientRect() on Edge is fully supported on all Edge versions.
Element.getBoundingClientRect() on Firefox is fully supported on 12-113, partially supported on 3.6-11, and not supported on 2-2 Firefox versions.
Element.getBoundingClientRect() on Chrome is fully supported on all Chrome versions.
Element.getBoundingClientRect() on Safari is fully supported on all Safari versions.
Element.getBoundingClientRect() on Opera is fully supported on 10.6-95 and partially supported on 10.5-10 Opera versions.
Element.getBoundingClientRect() on Safari on iOS is fully supported on all Safari on iOS versions.
Element.getBoundingClientRect() on Android Browser is fully supported on all Android Browser versions.
Element.getBoundingClientRect() on Opera Mobile is fully supported on 11.5-73 and partially supported on 10-10 Opera Mobile versions.
Element.getBoundingClientRect() on Chrome for Android is fully supported on all Chrome for Android versions.
Element.getBoundingClientRect() on Firefox for Android is fully supported on all Firefox for Android versions.
Element.getBoundingClientRect() on Samsung Internet is fully supported on all Samsung Internet versions.
Browser Support for Element.getBoundingClientRect()
Element.getBoundingClientRect() on Chrome
Element.getBoundingClientRect() on Safari
Element.getBoundingClientRect() on Firefox
Element.getBoundingClientRect() on Internet Explorer
Element.getBoundingClientRect() on Opera
Element.getBoundingClientRect() on EdgeReferences
Data sourced from
Overall Browser Compatibility Score
Note:Element.getBoundingClientRect() shows a browser compatibility score of 100. This is a collective score out of 100 to represent browser support of a web technology. The higher this score is, the greater is the browser compatibility. The browser compatibility score is not a 100% reflection for every browser and the web technology support. However, it does give you an estimate on how much you should rely on a particular web technology in terms of browser compatibility.
Test on 3000+ browsers for Element.getBoundingClientRect() & more
Test your website for Element.getBoundingClientRect() and other web technologies. Get 100 FREE automation test minutes!
Test Now
KaneAI - Testing Assistant
World’s first AI-Powered E2E testing agent.
Did you find this page helpful?
