Skip to main content
Hugh_2691
Participating Frequently
November 21, 2021
Question

Line component hover state issue

  • November 21, 2021
  • 1 reply
  • 685 views

Having trouble getting a line component hover state to show in Preview.
Created a QT showing how a shape hover previews OK but the line doesn't.
Any ideas?

 

Thanks

H

    This topic has been closed for replies.

    1 reply

    AkinGn
    Community Expert
    Community Expert
    November 21, 2021

    I never had to hover a line componenti interesting, but could resolve the issue by grouping the line element with an invisible rectangle with more height and same width with the line, and then creating the component, that way you can create a "clickable area" for the line (which is not visible but there) and hover works perfectly fine! 

    Hugh_2691
    Hugh_2691Author
    Participating Frequently
    November 21, 2021

    Thanks @AkinGn – that definitely works. But given that lines can be made into components and thereby given hover states just like any other component, surely they should be able to be seen OK in Preview mode without having to do this kind of workaround?

    AkinGn
    Community Expert
    Community Expert
    November 21, 2021

    Hmmm think of it as a coded component, even in html/css it would be challenging to hover over an element has 1px of height, developers would use some similar kind of workaround to create a higher clickable area right 😉