Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Built app window is missing styles #2089

Closed
olup opened this issue Jun 26, 2021 · 8 comments
Closed

Built app window is missing styles #2089

olup opened this issue Jun 26, 2021 · 8 comments
Labels
status: upstream This issue is blocked by upstream dependencies and we need to wait or contribute upstream fixes

Comments

@olup
Copy link

olup commented Jun 26, 2021

Describe the bug

My dev app looks like :
image

But my built app looks like:
image

Notice the black line on top and the absence of shadows. Also - cursor never goes into "pointer" style in the built version.

To Reproduce

Expected behavior

Same window style in dev and build

Screenshots

If applicable, add screenshots to help explain your problem.

Platform and Versions (required):

Operating System - Ubuntu, version 21.04 X64

Node.js environment
  Node.js - 14.15.5
  @tauri-apps/cli - 1.0.0-beta.3
  @tauri-apps/api - 1.0.0-beta.2

Global packages
  npm - 6.14.11
  yarn - 1.22.10

Rust environment
  rustc - 1.53.0
  cargo - 1.53.0

App directory structure
/public
/build
/.github
/node_modules
/.git
/src
/src-tauri

App
  tauri.rs - 1.0.0-beta.2
  build-type - bundle
  CSP - default-src blob: data: filesystem: ws: http: https: 'unsafe-eval' 'unsafe-inline' 'self' img-src: 'self'
  distDir - ../build
  devPath - http://localhost:4000
  framework - React
@olup olup added the type: bug label Jun 26, 2021
@nothingismagick
Copy link
Sponsor Member

The only thing that pops out at me is that you are missing tauri: in your CSP

@olup
Copy link
Author

olup commented Jun 26, 2021

Can I ask if and how I should add this ?

@nothingismagick
Copy link
Sponsor Member

Sure, edit the CSP value in tauri.conf.json:

"default-src blob: data: filesystem: ws: http: https: tauri: 'unsafe-eval' 'unsafe-inline' 'self' img-src: 'self'"

@olup
Copy link
Author

olup commented Jun 26, 2021

Added tauri: - but no changes on the output.

@nothingismagick
Copy link
Sponsor Member

I didn't really expect it to change anything in this situation, just wanted to make you aware of it. Do you have a repo where we can try to reproduce?

@olup
Copy link
Author

olup commented Jun 26, 2021

The project I am working on is public on github : https://github.com/olup/fragment-desk
It's just a sketch - no judgement :-) (plus rust is not my mother-tongue).

I should try to build a fresh project on my machine when I get the time and see if it get the same bug (but I don't have much time those days).

@amrbashir
Copy link
Member

amrbashir commented Aug 12, 2021

related to tauri-apps/tao#157

@amrbashir amrbashir added status: upstream This issue is blocked by upstream dependencies and we need to wait or contribute upstream fixes and removed status: waiting labels Dec 1, 2021
@amrbashir
Copy link
Member

closing in favor of #3019

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
status: upstream This issue is blocked by upstream dependencies and we need to wait or contribute upstream fixes
Projects
None yet
Development

No branches or pull requests

3 participants