We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.

Ok, I Agree

html elements break navigation?

Home › Forums › General Questions › html elements break navigation?

Tagged: , , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • 2020-08-26 at 8:16 pm #32020
    cfxs
    Customer

    I have some html ui elements over the iframe.
    If I click and drag with my mouse to orbit the camera and the cursor moves
    over an html element the orbit stops. Is there a way to make the html elements not affecting the navigation? The html elements are Title animations and texts. They are not buttons which I understand would break the navigation.

    2020-08-27 at 11:02 am #32045
    Alexander Kovelenov
    Staff

    Hi,
    the issue is that the dragging event registered on the canvas element inside your iframe and your navigation elements (it does not matter, buttons or texts) are located on top of that iframe. For such UI, the browser overrides events and does not allow them to be handled inside the iframe. You can fix it by placing your HTML UI inside the canvas container element (div with ‘v3d-container’ ID).

    Soft8Soft Tech Chief
    X | FB | LinkedIn

    2020-08-27 at 1:15 pm #32072
    cfxs
    Customer

    thanks for your response. Do you mean I have to add the “v3d-container” as ID on the text objects? Like in my attached image? It doesn’t work unfortunately.

    2020-08-27 at 1:46 pm #32082
    Yuri Kovelenov
    Staff

    Hi,

    To overcome this issue, you should create the HTML UI elements inside your_app.html file.

    Another workaround is to create a smaller iframe element that is not overlapped by UI. See our Recliner demo.

    Chief 3D Verger | LinkedIn | Twitter

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.