Big number of operations, overflow the display

[airvzxf]

Since the calculator allow to the user to add any number of operations, for example: “54+4548548+5445+455848+45168”. In the case that the user add a big formula, the numbers overflow from the white rectangle, also I noticed that the operations are displaying below, and it causes the same effect overriding the calculator buttons.

I suggest adding a text area for the operations inputs, or use the scroll property in the div but in any case is important to review in different browsers, OS, and devices (mobile, tablet, desktop).

Quick Note: If you add this issue with the Hacktoberfest label, I am able to check and fix it.

[Emilance]

Okay @airvzxf , thanks for raising this issue, I will assign this to you

[airvzxf]

The solution came with two options.

1. Use ellipsis to cut the long text. The advantage is that it looks beautiful. The disadvantage is that the user can't see the long “formula”.
   

2. Use horizontal scroll. The advantage is that the user can see the long “formula”. The disadvantage is that it does not look beautiful.
   

What approach did you prefer?

[airvzxf]

Hi, @Emilance. I wonder if you reviewed the options. You only need to choose between option 1 or 2. The first one is related to use ellipses to truncate the big formula. The second one is using a horizontal scroll.

[airvzxf]

Hi, again @Emilance, I will take the option of the scroll.

[airvzxf]

Hi, @Emilance. Some news for this issue and the pull request?

[airvzxf]

Hi, @Emilance. Some comments for this issue and the pull request?

[airvzxf]

Hi, @Emilance. Do you have a lot of work? Or do you little abandon this repository? Or do you want to avoid these changes? The Hacktoberfest fest is almost close and this PR count for my profile progress.

Does that look you won't merge before 31 of October? It is little sad for all the effort that I did.