https://github.com/kristofferstrube/blazor.cssview

A Blazor wrapper for the CSSOM View Module browser API.
https://github.com/kristofferstrube/blazor.cssview

Last synced: about 1 year ago
JSON representation

A Blazor wrapper for the CSSOM View Module browser API.

• Host: GitHub
• URL: https://github.com/kristofferstrube/blazor.cssview
• Owner: KristofferStrube
• License: mit
• Created: 2024-05-26T20:22:15.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-04T09:58:05.000Z (almost 2 years ago)
• Last Synced: 2025-03-11T01:45:19.848Z (over 1 year ago)
• Language: C#
• Homepage: https://kristofferstrube.github.io/Blazor.CSSView/
• Size: 8.28 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

          
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](/LICENSE)

[![GitHub issues](https://img.shields.io/github/issues/KristofferStrube/Blazor.CSSView)](https://github.com/KristofferStrube/Blazor.CSSView/issues)

[![GitHub forks](https://img.shields.io/github/forks/KristofferStrube/Blazor.CSSView)](https://github.com/KristofferStrube/Blazor.CSSView/network/members)

[![GitHub stars](https://img.shields.io/github/stars/KristofferStrube/Blazor.CSSView)](https://github.com/KristofferStrube/Blazor.CSSView/stargazers)

# Blazor.CSSView

A Blazor wrapper for the [CSSOM View Module](https://www.w3.org/TR/cssom-view-1/) browser API.

The API provides a way to get the position of element layout boxes, a way to get the dimensions of the window itself, and a way to scroll an element or the window. This project implements a wrapper around the API for Blazor so that we can easily and safely access these positions, dimensions, and scroll actions.

**This wrapper is still under development.**

# Demo

The sample project can be demoed at https://kristofferstrube.github.io/Blazor.CSSView/

On each page, you can find the corresponding code for the example in the top right corner.

On the [API Coverage Status](https://kristofferstrube.github.io/Blazor.CSSView/Status) page, you can see how much of the WebIDL specs this wrapper has covered.

# Related articles

This repository was built with inspiration and help from the following series of articles:

- [Using JS Object References in Blazor WASM to wrap JS libraries](https://blog.elmah.io/using-js-object-references-in-blazor-wasm-to-wrap-js-libraries/)

- [Blazor WASM 404 error and fix for GitHub Pages](https://blog.elmah.io/blazor-wasm-404-error-and-fix-for-github-pages/)

- [How to fix Blazor WASM base path problems](https://blog.elmah.io/how-to-fix-blazor-wasm-base-path-problems/)