html elements not displaying #932
Replies: 4 comments 1 reply
-
|
I was able to get the drei "Text" element to work, but I would still like to get the HTML element to display |
Beta Was this translation helpful? Give feedback.
-
|
heres an example https://codesandbox.io/s/r3f-suspense-zu2wo you dont need the scaleFactor, only if you want these things to scale - maybe it's that. |
Beta Was this translation helpful? Give feedback.
-
|
That is actually the example that I started with. The only difference that I can see is that I am on a newer version of React. I will start a new project and match these versions and see if it works. |
Beta Was this translation helpful? Give feedback.
-
|
@drcmda , downgrading solved it. I downgraded to match the codesandbox - and it works. I was at react 17.0.1 and went back to 16.13.1 and also downgraded react-three-fiber from 5.3.12 to 5.1.4. I did notice that I was at @react-three/drei 2.2.15 and the sandbox was at 2.2.3. Not sure if downgrading will make me lose anything significant. But the HTML works now. |
Beta Was this translation helpful? Give feedback.
-
|
@drcmda - further update, I re-upgraded react and react-three-fiber to the latest and it still works. It appears it was the drei that was causing the issue and it needed to be at 2.2.3 |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
I am using @react-three/drei to try and display html elements. It is creating the element, but it doesn't draw anything on the canvas
see here: https://www.dropbox.com/s/za7v0roqmwwws4u/Screen%20Shot%202021-01-12%20at%2011.54.52%20AM.png?dl=0
just doing a very basic...
to try and trouble-shoot. I have played with the z-index, but I can't seem to get it to display.
I am using:
"dependencies": {
"@react-spring/three": "^9.0.0-rc.3",
"@react-three/drei": "^2.2.15",
"@testing-library/jest-dom": "^5.11.4",
"@testing-library/react": "^11.1.0",
"@testing-library/user-event": "^12.1.10",
"lodash": "^4.17.20",
"react": "^17.0.1",
"react-dom": "^17.0.1",
"react-scripts": "4.0.1",
"react-three-fiber": "^5.3.12",
"react-use-gesture": "^9.0.0-beta.11",
"three": "^0.124.0",
"valtio": "^0.6.0",
"web-vitals": "^0.2.4"
},
Any ideas?
thanks,
Dale
Beta Was this translation helpful? Give feedback.
All reactions