Anyone else finding this annoying? In the new Framer text layers are double the size of the text they contain. Previously the size of the layer would have been calculated automatically as 149x20. I've reported a bug but not heard back yet.
Not in Canvas apparently. It’s only when you select a device frame. Must be connected to the move to using points instead of pixels. More about that here: https://github.com/koenbok/Framer/wiki/DPR-Upgrade-Guide
Giles, the screen size of the iPhone 7 changed from 750x1334 to 375x667. I had to half all the literal dimensions in my project - border radiuses, font heights, etc.
The issue here is that you are forced to specify the size of the box if you want it to fit the content. Before it was sized to fit automatically.
I am unable to reproduce this in the latest version. Have you tried opening a new document?
Yes. I'm getting the issue in new documents. You need to choose a device e.g. iPhone 7.
Try making the font smaller or make the text value shorter. I think if the size pf the text is bigger than the width of the device then the layer width is limited to the device width. I might make a video. I'm getting another weird effect too. If you don't specify a text value it defaults to "Hello World. When you add a text value the font size is halved.
Ah, found why Jonas is not seeing the bug: He’s using an HiDPI screen. (Since the change to points Framer must now render differently depending on your screen)
Ah. Good find Tes. I'll file an issue.
Ah. You are right. I'm working with two monitors. One retina and one not.
I was wondering why the project I posted from old framer is double sized :)
I just pushed a fix to framer master. I would love if some people experiencing this bug could update their projects using File -> Update Framer Library... to see if it indeed resolves this issue :)
Resolved! Thanks 🙏
Excellent! Other problems (Text Layers with borders) seem to be resolved as well.
Oops… I came across one more problem: padding is off. The top padding seems to be added to the bottom padding. Here’s an example prototype: https://framer.cloud/sUvwP