search

venkivijay / portfolio

Personal Portfolio powered by @vuejs
https://venkivijay.com
GNU General Public License v3.0
2 stars 0 forks source link

Squished skill cloud #3

Closed venkivijay closed 3 years ago

venkivijay commented 3 years ago

Describe the bug On initial page load, when the skill cloud icons are first loaded, the cloud gets squished as there is not enough space.

To Reproduce Steps to reproduce the behavior:

  1. Go to https://dev.venkivijay.com/'
  2. Do an "Empty cache and hard reload in chrome"
  3. Scroll down to 'skills section'
  4. The skill cloud should appear squished

Expected behavior Skill cloud should be rendered properly

Screenshots skillcloudbug

venkivijay commented 3 years ago

This happens because the skill cloud renderer's size depends on its parent element which is positioned absolute without any definitive width or height. Providing full height and width will make sure that the render gets full height and width irrespective of the icons loading state.