soflyy / oxygen-bugs-and-features

Bug Reports & Feature Requests for Oxygen
https://oxygenbuilder.com/
315 stars 31 forks source link

3-column IconBox text Font size in REM unit - Weird behaviour #1832

Open AeroFiTech opened 3 years ago

AeroFiTech commented 3 years ago

Describe the bug Try to create a SECTION with three equal columns added with iconbox with a common CSS class (eg. iconbox-class) @ https://oxygen-qnqqzfcxnvycl.oxygen-demo.qsandbox.me/test-column-rem-error/?ct_builder=true When I try to resize the text size of the first iconbox common CSS class (USING REM UNIT) to 18 rem; only the text font in the iconbox selected will be enlarged to VERY LARGE FONT - But it looks OK from Preview. After reloading the editor post editing the iconbox-class text font; the slider stops responding as well (only the unedited iconbox works)

Have you tried all the steps at https://oxygenbuilder.com/documentation/troubleshooting/troubleshooting-guide/? Yes

Are you able to replicate the issue on a Sandbox install at https://oxygenbuilder.com/try? If yes, provide the link to a Sandbox install where the issue is present. If the issue only exists on a specific post or template, provide a direct link to that post or template. https://oxygen-qnqqzfcxnvycl.oxygen-demo.qsandbox.me/test-column-rem-error/?ct_builder=true https://oxygen-qnqqzfcxnvycl.oxygen-demo.qsandbox.me/wp-admin/post.php?post=8&action=edit

To Reproduce Steps to reproduce the behavior:

  1. Go to 'First Section'
  2. Click on 'Second column' (IconBox #20) > Make sure the class 'iconbox-class' is selected
  3. Click on to Typography in the Primary tab > Select Text' > Font-Size > Select (or use the slider to) 18 rem (or whichever you want) - The font looks like resized accordingly in the preview.
  4. Save the page
  5. Reload the editor to see the font of the text become EXTRA HUGE. But the third iconbox in the third column is alright (Maybe the rem unit for the font did not get initialised?)
  6. Try on the slider as well - It does not work for the first and second iconbox.

Expected behavior

  1. Expect the font to be displayed according to the one saw in preview.
  2. Expect the font size slider bar continue functioning (which it stops functioning after we reload the editor)

What actually happens A clear and concise description of what happens instead of the expected behavior. The iconbox text stop responding after saving the text to 18rem for iconbox-class. Besides, after reloading the editor the text font slider for rem unit stop responding for the first iconbox.

Screenshots If applicable, add screenshots to help explain your problem.

Screenshot 2021-01-09 at 5 29 27 PM

Desktop (please complete the following information):

Smartphone (please complete the following information):

Additional context Contact me if you need further information

KittenCodes commented 3 years ago

Reproduced in v3.6.