Bigger values overflow from the block

[SamarthBagga]

Description

If you input larger values in a block for integers, then they tend to overflow from the block.

[khadar1020]

@walterbender @SamarthBagga can you please tell us what will be the correct implementation for this

1. By increasing the size of the block
2. By decreasing the font size of the number which might be a problem for a bigger number
3. By keeping a limited number of integers

Thank you

[walterbender]

prob. we should limit the number of digits to 12?

[samyakshah3008]

prob. we should limit the number of digits to 12?

+1 @walterbender

Also, how about keeping a min-width of block? so it handles the responsiveness issue too, any thoughts?

[SamarthBagga]

@walterbender, The text block doesn't exhibit this problem. What if we were to apply the text block's style attributes for the number block to resolve the issue? Maybe increasing the width of the number block a bit ?

[walterbender]

Maybe that is a better idea.

[apsinghdev]

i think text blocks also present this problem @SamarthBagga @walterbender

[SamarthBagga]

This behavior appears somewhat inconsistent for an unknown reason, and the extent of the overflow in the text block seems to fluctuate between different texts. I'm considering experimenting with a sole width increase as a potential solution. I'll implement this adjustment and display the results.

[arush-webd]

@SamarthBagga @walterbender can I please work on this issue?
Can one of you also tell which solution will be more optimal for the above bug

1. width increase
2. By keeping a limited number of integers

[walterbender]

I think this is better solved by limiting the number of digits.

[arush-webd]

okay on it :)

[Albshoji]

@SamarthBagga @walterbender I've been working on this issue for the past few days, and I've noticed that the current implementation includes a function that calculates the number of pixels written within the block and, as a result, limits the quantity of characters displayed within the block. The current problem is that the exposed pixel limit within the block is too high, but reducing this limit could potentially solve the issue. Can I go ahead and implement this solution? I believe it might be a better approach than limiting the number of characters, considering that each character has a different width

[walterbender]

In most fonts, numbers are a fixed width. In any case, feel free to approach the problem with a character limit.

[arush-webd]

function that calculates the number of pixels written within the block

in which file is this function written?

[Albshoji]

function that calculates the number of pixels written within the block

in which file is this function written?

utils.js

[apsinghdev]

for numbers its 12 but should be the limit for the characters @walterbender sir

[walterbender]

We don't need a limit for characters.

[Albshoji]

@walterbender I was testing the changes as you guided, and I noticed that the numbers start being written in the blocks from a point slightly to the left of the center. However, I believe that if they started being written from a point more to the right, it would look aesthetically nicer and, in addition, more digits could fit without having to make major adjustments... What do you think?
Starting from a point further to the right will make it possible to limit the number of digits within the block to 10 digits

[walterbender]

looks good

[arush-webd]

@walterbender I changed the TEXTWIDTH to 90 and the block is not over flowing for smaller inputs. But for larger number inputs this is showing.

[walterbender]

We don't want to use ellipsis for numbers.

[arush-webd]

I see. Lemme change it.