Laurent Baumann

Can't fix text size

2

[Screencast from 2024-03-18 17-32-45.webm](https://github.com/Volumetrics-io/mrjs/assets/6750584/f2e40898-151e-46d9-aa16-f059e87c7542) This is the page code: ```html Generate Skybox Generate Skybox ``` ```css mr-app { width: 100vw; height: 100vh; border-radius: unset; background-color: transparent; display: flex; align-items: center;...

`mr-img` should be clipped by `border-radius` on an `mr-div`

5

Sample code: https://codepen.io/lobau/pen/ZEPJqxQ The ᴍʀjs logo is in a `mr-div` that has `border-radius: 16px;`. The image is not clipped by the border radius: 

This is be an umbrella issue to discuss and break down the work. We'll need help to support: - screen readers: the content of all the nodes is in clear...

Support "font-variation-settings" for variable fonts

1

A lot of fonts these days are variable (some example here) https://v-fonts.com/ It requires the `font-variation-settings` CSS variable to change things like optical size, width, weight, and much more. For...

for example, test this page: https://codepen.io/lobau/pen/QWPQGyY As you can see, you have to move the mouse between each click, as the button doesn't register the mouse being over it after...

Clean up MRjs console output

11

Currently, any MRjs project starts with all this in the console (try mrjs.io for example).  We should clean this up, I hate when libraries pollute my console

Text length calculation seems wrong

3

I feel like this problem keeps popping. If you look at this screenshot, I would expect all 3 lines to be stacked on top of each other, without line breaks...

Here's what happens on Spline when WebGL is disabled:  Currently when using MRjs nothing happens, you get a white screen with tons of errors in the console. Would be...

Here is a pure MRjs markup. The textfield works and the button triggers the console.log() properly. → https://codepen.io/lobau/pen/MWxLwLx If you introduce _any_ other HTML tag in the markup, like a...

In multi-panel setups, instead of wrapping the `mr-panel` inside a `mr-entity` with special property, let's create a `mr-anchor` that is semantically dedicated to anchoring things.