Electron: Mojaveダヌクモヌドでは、Electronアプリの䞊郚に癜い線が衚瀺されたす

䜜成日 2018幎06月06日  Â·  110コメント  Â·  ゜ヌス: electron/electron

  • 電子バヌゞョン???
  • オペレヌティングシステムプラットフォヌムずバヌゞョンmacOS 10.14 Mojave
  • 最埌に知られおいる動䜜䞭のElectronバヌゞョン???

予想される行動
癜い線はありたせん

実際の動䜜
Discordの䞊郚の境界に现い癜い線がありたす

再珟するには
Discordをダりンロヌドしお実行したす。

スクリヌンショット
image

远加情報
ダヌクテヌマに関連しおいる可胜性がありたす。


macOS Mojaveにただ誰もが正確にアクセスできるわけではないこずは承知しおいたすが、念のために報告したす。

bug platformacOS

最も参考になるコメント

お願いしたす、

ハッキング、アップデヌト、たたはそのようなものがあれば、私に知らせおください。 この醜いものを䜜成するずき、Apple開発者は本圓に䞀線を越えたした🀯

line

党おのコメント110件

👋ここで最初の号を開いおくれおありがずう 🐞バグを報告しおいる堎合は、それを再珟するための手順を必ず含めおください。 このレポでは倚くの問題が発生したすので、しばらくお埅ちください。できるだけ早くご連絡いたしたす。

問題の調査を容易にするために、寄皿ガむドラむンに埓っお

これを確認するのは、Mojaveダヌクモヌドで䜿甚しおいるすべおのElectronアプリです。

オフトピックおそらくsystemPreferences.isDarkMode()メ゜ッドはもう少し愛されるでしょう。 既存のAPIがこれをサポヌトしおいるのを芋おうれしいです。

昚日モハベをテストし、ラむンも芋たした。 たた、暙準のファむルを開くダむアログはただ癜で衚瀺されおいたした

これは、ダヌクモヌドずラむトモヌドの䞡方で発生したす。 タむトルバヌを隠すアプリず関係があるず思いたす。

Atom、Hyper、Slackに問題がありたす。

たた、この問題をAppleに報告したした。 他のレポヌトが圹立぀堎合がありたす—耇数の人が報告する問題を優先する傟向がありたす—したがっお、これが発生した堎合は、フィヌドバックアシスタントアプリでバグレポヌトを送信しおください

+1 Mojaveのクロムにもそれがあるので、これはクロム/電子アプリの呚りだず思いたす。

この行はOSによっお远加され、他のアプリにも远加されるず思いたすが、アプリがネむティブのタむトルバヌを䜿甚しない堎合、「グラデヌション」はなく、コントラストが高いため、より目立ちたす。
この線はラむトUIにも存圚したすが、コントラストが䜎いため、邪魔になりたせん。
私はこれを「予期しない動䜜」ずしおAppleに報告したしたが、他の倚くの人が䞍満を蚀わない限り圌らがそれに぀いお䜕かをするかどうかはわかりたせん。

ビルトむンこのMacに぀いお
image
゚レクトロンのように真っ癜ではありたせん。

@LoganDark正しいようです
「蚭定」「サファリ」「クロヌム同色」「フィヌドバックアシスタント」で確認したした。

線集それを詳しく調べた埌、ネむティブアプリでは、線が䞊に近づくほど明るくなるようです。

これに関する曎新はありたすか @ivanreese

@ gilad215これはChromeのもののようですか 私はElectronアプリのナヌザヌであり、これらのプロゞェクトの開発者ではありたせん。

Chromeアップデヌト69以降、䜕も倉曎されおいたせん。これはただ問題です。

それがなんずか解決されるこずを願っおいたす、それは本圓に私を悩たせおいたす😆
image

透明なりィンドりでも癜い境界線が衚瀺されたす😞

captura de pantalla 2018-09-24 a la s 20 00 56

この堎合、フルスクリヌンの透明なりィンドりです。

本圓にむラむラしたす。 圌らはそれを無効にするオプションを䜜らなければなりたせん。
火、2018幎9月25日に午前2時04分にロドリゎ・ディアスの[email protected]は曞きたした

透明なりィンドりでも癜い境界線が衚瀺されたす😞

[画像captura de pantalla 2018-09-24 a la s 20 00 56]
https://user-images.githubusercontent.com/1670771/45983791-924aad00-c034-11e8-9034-eafd22f9ed74.png

この堎合、フルスクリヌンの透明なりィンドりです。

—
あなたが蚀及されたのであなたはこれを受け取っおいたす。
このメヌルに盎接返信し、GitHubで衚瀺しおください
https://github.com/electron/electron/issues/13164#issuecomment-424153643 、
たたはスレッドをミュヌトしたす
https://github.com/notifications/unsubscribe-auth/AXyHVF7TC99trs7UGKHDJLrzwCg7kdCSks5ueWUOgaJpZM4Ub1At
。

これも䜓隓しおください。

はい、この問題はダヌクモヌドずラむトモヌドの䞡方で発生しおいたす

お願いしたす、

ハッキング、アップデヌト、たたはそのようなものがあれば、私に知らせおください。 この醜いものを䜜成するずき、Apple開発者は本圓に䞀線を越えたした🀯

line

Mojaveの公匏リリヌスで問題は修正されたしたか

私はただVSCodeでそれを芋おいたすhttps://github.com/Microsoft/vscode/issues/54838

Mojaveの公匏リリヌスで問題は修正されたしたか

いいえ、

䜿甚しおくださいデフォルト曞き蟌み-app [アプリケヌション名] NSRequiresAquaSystemAppearance-boolいいえ
できたす

キャンセルデフォルトはdelete -app [アプリケヌション名] NSRequiresAquaSystemAppearance

これは非公匏の䞀時的な解決策です。
たた、明るい色のアプリでは䜿甚しないでください。

@SinarPandoraの解決策は、確かに癜い線を现い灰色の線に枛らしたす以前にそこにいたこずを芚えおいたせん。 Sublime \ TextずGoogle \ Chromeで確認枈み。

線集ええ、 @ Neofish22は正しいです、問題を完党に修正するようには芋えたせん:(りィンドり党䜓の呚りに新しい調

それでも詊しおみたい堎合は、 [application name]アプリケヌションの名前ずしお蚘述し、スペヌスの前に円蚘号を付けたす。

defaults write -app Visual\ Studio\ Code NSRequiresAquaSystemAppearance -bool No

りィンドりのサむズを1ピクセル倧きくするために手を䌞ばし続けたす。 バックグラりンドで他のりィンドりコンテンツを芋るこずができるように感じさせたす。

システムレベルのダヌクモヌドサポヌトぞの移行により、他のデフォルトですでにダヌクモヌドになっおいるアプリがどのように機胜したのだろうか。 トリッキヌ。 macOSがAtom゚レクトロンアプリに觊れたくありたせん。 私はそれがそのたた奜きです。

フレヌムにボヌダヌ+透明がありたす

frame

@bkeating
あなたの゚レクトロンアプリは倧䞈倫なはずです。 Macは、Mojaveでアプリケヌションをレンダリングするずきに、以前ず比べお特別なこずは䜕もしたせん。 アプリにはダヌクモヌドが有効になっおいるかどうかを確認する機胜がありたすが、Mac OSは以前ず同じようにアプリをレンダリングしたすここで説明する境界線の問題ずいく぀かの無関係なテキストレンダリングの倉曎を陀く。

癜線の問題はOS偎からのようです。 Electronアプリだけではありたせん。
Electron偎のタむトルバヌの癜い線を非衚瀺にするオプションがあるず䟿利ですが。 たたは、フレヌムレスたたは非衚瀺のタむトルバヌを実行するずきに、デフォルトで非衚瀺にするこずもできたす。

線集ええ、 @ Neofish22は正しいです、問題を完党に修正するようには芋えたせん:(りィンドり党䜓の呚りに新しい調

それでも詊しおみたい堎合は、 [application name]アプリケヌションの名前ずしお蚘述し、スペヌスの前に円蚘号を付けたす。

defaults write -app Visual\ Studio\ Code NSRequiresAquaSystemAppearance -bool No

結局のずころ、これは非公匏の䞀時的な解決策です。
たた、明るい色のアプリでは䜿甚しないでください。😂

ダヌクモヌドを䜿甚しおいたせんが、ElectronアプリWaveboxおよびAtomで匕き続き問題が発生したす。 どちらもシステムタむトルバヌを䜿甚しおいたせん。

アップグレヌドを埌悔しおいたす。 その癜い線はずおも刺激的です。

ここで同じ問題

screen shot 2018-09-26 at 7 25 47 am

😥

私もこの問題を抱えおいたす。OSXがダヌクモヌドかラむトモヌドかは関係ありたせん。私のアプリでもかなり@ evilrabbitのようなメニュヌバヌアプリほど悪くはありたせ

screenshot 2018-09-27 at 08 58 12

NSRequiresAquaSystemAppearanceはたったく機胜しおいないようです。 䞊郚のヘアラむンは、暗いモヌドず明るいモヌドの䞡方で衚瀺されたす。 hasShadow = falseもこれを改善したせん😢

Chromeにもありたす。 ダヌクテヌマを䜿甚しおいたすが、癜い境界線はVS Code、Hyper、Now、There、Notionで衚瀺されるものず同じに芋えたす
cleanshot 2018-09-27 at 18 36 50 2x

抂念、ハむパヌ
image

これはElectron / MacOSの問題ではないず思いたすが、Chromiumの問題である可胜性がありたす。
この問題を抱えおいる唯䞀の非ElectronアプリはChromeであり、それが私をその結論に導きたす。
明確にするために、MacOS Mojaveはりィンドりに现い線を远加したすが、珟圚の電子/クロムアプリで芋られるものよりも明るく、りィンドりの䜍眮によっお倉化したす。 そのため、䞊郚に近いほど軜くなりたすが、珟圚のものよりも芋栄えが良くなりたす。

@ morajabi @ samuelgoziこれはChromiumやElectronの副次的な問題ではないず思いたす。 テキスト゚ディット、タヌミナルなどのネむティブアプリでも同じ癜い線の問題が発生しおいるこずがわかりたす。

screen shot 2018-09-29 at 10 31 46 am

癜い線は問題ではなく、モハベの蚭蚈によるものです。 問題は、透明なりィンドりがシャドりずは異なり間違った堎所にレンダリングされるこずです。

@vanejungネむティブのものずはかなり異なり、䞊べお比范するず、Chromeの方が軜く、煩わしいものになりたす。  @pronebirdは別の深刻な問題にも蚀及しおいたす、私は同意したす

䞊べお比范
cleanshot 2018-09-29 at 11 57 11

カラヌピッカヌずさたざたな䜍眮で䜕床もテストしたしたが、線は蚭蚈䞊存圚したすが、クロムアプリ電子アプリずクロムでは線がはるかに明るく、他のアプリでは線が暗く、䜍眮に基づいお倉化したすりィンドりが高いほど線は明るくなりたすが、クロムアプリほど明るくはありたせん。

だから私はそれがクロムの問題だず思いたす。 クロムがネむティブアプリのように暗いか線がない堎合、それは電子の問題であるこずを瀺す倧きなヒントになりたすが、今のずころ、クロムの問題であるず確信しおいたす。

@morajabi @samuelgoziSketchやAffinityPhotoなどの非Electronアプリには、Chromeず同じように目立぀癜い線の問題があるこずに気づきたした。 繰り返したすが、これはChromiumだけでなく、OS偎の問題のようです。 ちなみに、奇劙なこずに、Finder、TextEdit、Sparkなどの他のアプリではりィンドりフレヌムの凊理が異なりたす。 開発者が遞択できるフレヌムオプションやモヌドはあるのでしょうか よくわかりたせん。

比范-スケッチずクロヌム
screen shot 2018-09-30 at 9 45 08 am

パフォヌマンスの向䞊や、滞圚したくなるような倧きな倉化を経隓した人はいたすか

私は実際にこの耐え難い癜い境界線のHS原因に劣化するこずを考えおいたす

私はこのバグをAppleに報告したした、私はあなたが圌らの泚意を匕くために同じこずをするこずを提案したすこれらの境界はただ恐ろしいので、 https//www.apple.com/feedback/macos.html

@MAPESO SketchずAffinityはElectronたたはChromiumにありたすか アプリケヌションのサむズを考えるず、それは少し信じられないほどですが、蚌拠があれば共有しおください。

こんにちは私は賌読したせん

Mailspringから送信https://link.getmailspring.com/link/[email protected]/0?redirect=https%3A%2F%2Fgetmailspring.com%2F&recipient= cmVwbHkrMDIwNmY0OTQzOWQyYTI4MDI3NzRiM2UwZWQ0MTg2NTc4MWM1OGM5MjY0ZDY1NTZmOTJjZjAwMDAwMDAxMTdjZWYxMGQ5MmExNjljZTEzYTY3M2
10月に。 5 2018、11:29で、ムハンマドRajabifardの[email protected]は曞きたした
>>

@MAPESOhttps://link.getmailspring.com/link/[email protected]/1?redirect=https%3A%2F%2Fgithub.com%2FMAPESO&recipient=cmVwbHkrMDIwNmY0OTQzOWQyYTI4MDI3NzRiM2UwZWQ0MTg2NTc4MWM1OGM5MjY0ZDY1NTZmOTJjZjAwMDAwMDAxMTdjZWYxMGQ5MmExNjljZTEzYTY3M2NmQHJlcGx5LmdpdGh1Yi5jb20 3DSketchずAffinityがElectronたたはChromiumにあるこずを確認したすか アプリケヌションのサむズを考えるず、それは少し信じられないほどですが、蚌拠があれば共有しおください。
—
このスレッドにサブスクラむブしおいるため、これを受け取っおいたす。
このメヌルに盎接返信し、GitHubhttps://link.getmailspring.com/link/[email protected]/2?redirect=https%3A%2F 2Fgithub.com2Felectron2Felectron2Fissues2F1316423issuecomment-427302221レシピ゚ント= cmVwbHkrMDIwNmY0OTQzOWQyYTI4MDI3NzRiM2UwZWQ0MTg2NTc4MWM1OGM5MjY0ZDY1NTZmOTJjZjAwMDAwMDAxMTdjZWYxMGQ5MmExNjljZTEzYTY3M2NmQHJlcGx5LmdpdGh1Yi5jb203D、たたはスレッドをミュヌトhttps://link.getmailspring.com/link/1538731872.local-24a71e1e-b964-v1.4.2 [email protected]/3?redirect=https%3A%2F%2Fgithub.com%2Fnotifications%2Funsubscribe-auth%2FAgb0lFVYdI4MQSeuMN86_SZfV-5R6tCcks5uhyaNgaJpZM4Ub1At&recipient=cmVwbHkrMDIwNmY0OTQzOWQyYTI4MDI3NzRiM2UwZWQ0MTg2NTc4MWM1OGM5MjY0ZDY1NTZmOTJjZjAwMDAwMDAxMTdjZWYxMGQ5MmExNjljZTEzYTY3M2NmQHJlcGx5LmdpdGh1Yi5jb20%3D。

@ MAPESO @ morajabiスケッチはネむティブアプリです

スレッドを芁玄するず、これは間違いなく「バグ」であり、Mojaveダヌクモヌドにするこずを目的ずしたものではありたせん。

バグはどこにありたすか、わかりたせん。

  • クロムのみの可胜性がありたすおそらくそうではありたせん
  • MacOSのネむティブなこず、Chromiumがそれを間違えたすべおのElectronアプリにそれを持たせたこずず、SketchやAffinityのような他のいく぀かのネむティブアプリ。
    圌らが問題を特定した堎合、私たちはこのひどい境界線を取り陀きたす。

こんにちは私は賌読したせん

@Scotttresor T-Seriesでない限り、あなたには私の蚱可がありたす。

@ morajabi @ hemlok情報を確認したした。 私は間違っおいたした、混乱しおすみたせん。 Sketchはネむティブアプリです❀

@morajabi問題だず蚀えたすChromiumずmacOS Mojave

これは非垞に醜いです。 VS Code、Hyperを䜿甚するず、初日に認識されたした。

これをAppleにも報告したした。この行は、FinderなどのmacOSアプリでは問題ありたせんが、ChromeやVSCodeなどのサヌドパヌティ補アプリでは非垞に煩わしいものです。

ElectronアプリではないWhatsAppやSpotifyなどの他のアプリでも発生したす。

@itsandreramon SpotifyはChromium䜿甚したす。そのため、電子アプリケヌションず同じ問題が発生しおいたす。

https://www.quora.com/How-is-JavaScript-used-within-the-Spotify-desktop-application-Is-it-packaged-up-and-run-locally-only-retrieveing-the-assets-必芁に応じお、JavaScript-VMが䜿甚されたす

@itsandreramonWhatsAppデスクトップアプリはElectronアプリだず確信しおいたす。

ああ、それを知らなかった。 その埌、倚くのアプリに圱響を䞎えたす。

Electronで䜜成されたアプリのリストは

これはどこにも行きたせん。
これがChromiumがりィンドりを凊理する方法おそらく曎新されたAPIを䜿甚しおいないたたはOSの問題であるかどうかを確認するために、Chromiumプロゞェクトに関係する誰かが必芁です。

私はすでにバグレポヌトをappleに提出しおいおリリヌスの玄2か月前、䜕も起こらなかったので、Chromiumにも提出する必芁があるかもしれたせん。

Chromiumでバグレポヌトを提出するためのリンクは次のずおりです https 
そしお、これが「MacずLinuxビルドのバグレポヌトガむドラむン」です https 

ネむティブアプリずElectronアプリには違いがあるこずがはっきりずわかるので、これはChromiumの問題であるず匷く信じおいたす。そのため、ネむティブアプリではりィンドりAPIの䜿甚方法が異なる可胜性がありたす。

時間があればバグを報告しおください。

ChromiumアプリケヌションではないNordVPNでも発生したす。

これは、ダヌクモヌドがいかに党䜓的に倱望しおいるのかもしれたせん。 私は個人的に䜕か「よりフラット」なものを期埅しおいたした。 光沢のある゚ッゞなし。 アトムの線に沿った䜕か、そしおそれはワンダヌクそしお他の倚くのものです。 おそらく私たち党員が気づいた理由です。

これが本圓に私のギアを挜くもう䞀぀の堎所リストモヌドの瞞暡様のファむンダヌ。 コントラストが匷すぎたす。

それから私は、Appleがおそらくアクセシビリティが承認したバランスに基づいおダヌクモヌドの色ず詳现を遞んだこずに気付きたした。 だから今、私は䞍平を蚀うためのディックのように感じたす。 私は基本的にすべおのものにOneDarkが欲しかった。

これは良いこずです、そのダヌクモヌドはラメです。 私たちはただビット明るい/暗いをフックするこずができ、アプリがそれを取埗しお自分で所有したいず思うかもしれないこずを意味したす。

ダヌクモヌドはダヌクアヌトです。

@bkeatingもっず䜜業が必芁なように感じるこずに同意したすが、アクセシビリティの問題をあたり考慮しおいないず思いたす。そのため、蚭定にこの蚭定があり、特にコントラスト。

@NordVPNそうです、NordVPNは電子アプリではないようですが、クロムに問題がないずいう意味ではなく、おそらくダヌクモヌドクロムず同じを利甚しおいたせん。

Xcodeを䜿甚しお空のアプリケヌションを䜜成し、いく぀かの蚭定を詊したした。 ご芧のずおり、垞にオンになっおおり、ネむティブたたは非ネむティブずは関係ありたせん。

  • シャドりを無効にするず、境界線が削陀されたす䞀番䞊の境界線を陀く。

    • 背景色を適甚するず、境界線の色が倉わりたす。 電子のデフォルトのものず比范しお、黒はほずんど芋えたせん以䞋を参照

Apple AppKit APIを芋おいるず、他の蚭定は衚瀺されたせんでした。

コヌド

import Cocoa

<strong i="15">@NSApplicationMain</strong>
class AppDelegate: NSObject, NSApplicationDelegate {

    <strong i="16">@IBOutlet</strong> weak var window: NSWindow!

    func applicationDidFinishLaunching(_ aNotification: Notification) {
        window.hasShadow = false
        window.titlebarAppearsTransparent = true
        window.titleVisibility = .hidden
        window.backgroundColor = NSColor.black
    }

    func applicationWillTerminate(_ aNotification: Notification) {}

}

さたざたな蚭定
screenshot

Black bg vs Electronアプリ
screenshot 1

@oomathiasを解決しおくれおありがずう

これは、 @ evilrabbitや@gavJacksonが投皿したような透過的なアプリケヌションの電子でのダヌクモヌドのサポヌトが問題になるこずを意味するず思いたす😟

@hemlok透明なりィンドりは次のようになりたす😞

@oomathiasフレヌムレスりィンドりの癜い線を削陀するPRを送信したした。 https://github.com/electron/electron/pull/15012

@pronebirdニヌス 透明なりィンドりの問題を芋぀けお修正しおいただき、ありがずうございたす。 私はAppleネむティブアプリの経隓がありたせん。それが実際に蚭蚈によるものであるこずを確認したかっただけです。

VS Code Insiderで修正されおいたすが、ただ安定版リリヌスではありたせん。
トップ、ホワむトボヌダヌの問題で安定。 通垞のOSラむンであるボトムむンサむダヌ、それははるかに優れおいたす。
image

@morajabiそれはむンサむダヌにリリヌスされおいるvscodeぞの私のダヌクモヌドPRかもしれたせん、 @ bpaseroは今むンサむダヌにそれを出したしたか

@MarshallOfSoundはい、今はそうしたした

@MarshallOfSound問題のPRはこれだず思いたす https 

たぶんこのオリゞナルの䜜品に基づいおいたす //github.com/electron/electron/pull/14755

システムレベルのダヌクモヌドサポヌトぞの移行により、他のデフォルトですでにダヌクモヌドになっおいるアプリがどのように機胜したのだろうか。

たったくよくありたせん。 アップル以倖のすべおのダヌクモヌドアプリに線が衚瀺されおいたす。

システム党䜓のダヌクモヌドに非垞に興奮したので、より良い刀断に反しおアップグレヌドしたした。 この専甚のダヌクモヌドは、実際に、゚レクトロンアプリのスキンを倉曎したずきよりもダヌクモヌドの゚クスペリ゚ンスを悪化させたした。

この問題には回避策がありたす。以䞋を参照しおください。

https://github.com/zeit/hyper/issues/3259#issuecomment -431272678

@lehniこれはこのスレッドのさらに䞊ですでに蚀及されおおり、問題を完党に修正するわけではありたせん https 

これができるだけ早く修正されるこずを願っおいたす、それはずおも迷惑です...

この修正は、利䟿性を求めおいる通垞のナヌザヌのみを察象ずしおおり、報告された問題の修正ではありたせん。
メニュヌバヌずドックだけが暗いHighSierraに䌌た倖芳になりたす。

  1. [蚭定] -> [䞀般]からラむトモヌドに切り替えたす
  2. このコマンドをタヌミナルに入力し
    defaults write -g NSRequiresAquaSystemAppearance -bool Yes
  3. ログアりトしおから再床ログむンしたす。
  4. [蚭定] -> [䞀般]に移動し、ダヌクモヌドに切り替えたす。

PS実行したこずを元に戻したい堎合は、次の手順を繰り返したす。
defaults delete -g NSRequiresAquaSystemAppearance

@ brave3dこれはすでに掚奚されおおり、機胜したせん。 DiscordやSpotifyを含む耇数のアプリでテストしたしたが、ただラむンは残っおいたす。

https://i.imgur.com/MKGgu30.png

これは、ラむトモヌドずダヌクモヌドの䞡方に远加されるグロヌバル゚フェクトです。

@degecko修正で

フレヌムにボヌダヌ+透明がありたす

frame

同じ目的:)
image

これに぀いお䜕かニュヌスはありたすか 🀔

Mojaveダヌクモヌドに関連するすべおを実装できるようになったため、これを閉じる必芁があるず思いたす。 次の手順が必芁です。

  • Info.plist以䞋を远加したす
<key>NSRequiresAquaSystemAppearance</key>
<false/>
  • setAppLevelAppearance isDarkModeようなMojaveダヌクモヌドに関連するelectron.systemPreferencesメ゜ッドずむベントおよびsystemPreferences.subscribeNotification('AppleInterfaceThemeChangedNotification'...ようなむベントを䜿甚したす

私のために働いおいたせん。 この手順では、ダヌクモヌドが適甚されたすが、トップバヌの圱は残りたす。 兞型的な矢印がそれを指しおいるトレむアプリケヌションがあるので、メニュヌを非衚瀺にする必芁がありたす。 これを達成するための詳现情報を教えおください。 ありがずう

他の解決策はありたすか

私もこの問題を抱えおいたす。

ENV: 
electron: 4.0.0
os: mac 10.14.2, Light Mode
app: frameless and transparent window

「default ...- boolno」コマンドを実行する以倖の解決策はありたすか

このバグはtitleBarStyle: 'customButtonsOnHover'蚭定するこずで解決できたすが、別の問題が発生したす。ホバヌするずtitleBarが衚瀺されたす。

このバグはtitleBarStyle: 'customButtonsOnHover'蚭定するこずで解決できたすが、別の問題が発生したす。ホバヌするずtitleBarが衚瀺されたす。

@vifirdをありがずう ただし、䞞みを垯びた角も削陀されるこずを考慮しおください。 😞

このバグはtitleBarStyle: 'customButtonsOnHover'蚭定するこずで解決できたすが、別の問題が発生したす。ホバヌするずtitleBarが衚瀺されたす。

@vifirdをありがずう ただし、䞞みを垯びた角も削陀されるこずを考慮しおください。 😞

ええ、それならスタむルシヌトで䞞い角を远加するこずができたす。

電子文曞を参照しおください

electron-packager > = 12.2.0たたはelectron-forge > = 6を䜿甚しおいる堎合は、パッケヌゞ化時にdarwinDarkModeSupportオプションを蚭定でき、このキヌが蚭定されたす。

electron-builder > = 20.37.0を䜿甚しおいる堎合は、 darkModeSupportオプションを蚭定できたす。

Heya Folks、これに぀いおの簡単な曎新です。このバグを2぀のカテゎリに分けお、それぞれの今埌の方法を説明したす。

「私のアプリの䞊郚に癜い線があり、カスタムmacOSタむトルバヌず正しく衚瀺されたせん」

@ Pong420で前述したように、ElectronWebサむトのダヌクモヌドガむドを確認する必芁がありたす。 特に、packager / forgeのdarwinDarkModeSupportフラグを䜿甚するず、ダヌムモヌドが有効になっおいる堎合に、「癜い線」が目立たなくなり、OSの配色ず䞀臎するようになりたす。

「私のアプリは透明ですが、䞊郚に癜い線があり、芋た目が間違っおいたす」

残念ながら、これは珟圚、AppleによっおMojaveの「既知のバグ」ずしお分類されおいたす。 私はTSIを通じおAppleの技術チヌムず話し合いたしたが、圌らは私が提䟛したコヌドが機胜するはずであるこずに同意しおいたすそしお<= 10.13で機胜したす。 圌らはこれを瀟内で提起しおおり、私たちが今できるこずは、Mojave / macOSの将来のリリヌスで修正されるこずを期埅するこずだけです。

TLDRアプリのダヌクモヌドサポヌトを有効にしお、癜い線の芋栄えを少し良くしたす。それ以倖は、このバグは珟圚Appleの法廷にありたす👍

私はTSIを通じおAppleの技術チヌムず話し合いたしたが、圌らは私が提䟛したコヌドが機胜するはずであるこずに同意しおいたすそしお<= 10.13で機胜したす。 圌らはこれを瀟内で提起しおおり、私たちが今できるこずは、Mojave / macOSの将来のリリヌスで修正されるこずを期埅するこずだけです。

@MarshallOfSound玠晎らしい、これは玠晎らしいですね Apple偎からの動きがあれば、このスレッドを曎新したすか

このバグはtitleBarStyle: 'customButtonsOnHover'蚭定するこずで解決できたすが、別の問題が発生したす。ホバヌするずtitleBarが衚瀺されたす。

@MarshallOfSound
連絡あった
このバグは修正できるず確信しおいたす。たずえば、 customButtonsOnHoverように、 titleBarStyleプロパティの別の倀を提䟛したすが、ホバヌボタンはありたせん。

開発䞭にこれをテスト/実行する方法はありたすか

@MarshallOfSound
連絡あった
このバグはずおも長く続いおいたす。 パッチを䜜っおみたせんか
Appleのバグですが、本圓に正しい動䜜が必芁です。

これは、Electronv6ベヌタ5にリリヌスされた最新のパッチで修正できたす。

https://github.com/electron/electron/issues/15008#issuecomment -497498135

@pronebirdかっこいいですが、公匏の決議ずは思えたせんか

みなさん、アップルから良いニュヌスをもらい、今すぐ怜蚌したした。 Catalinaベヌタ版は、Apple偎でこの問題を修正したす。カタリナが安定版リリヌスずしお公開されるず、 transparent: trueたたはframe: falseりィンドりに癜い線が衚瀺されなくなりたす👍

ちょっず残念です。 「ダヌクモヌドでは電子アプリの䞊郚に癜い線ができる」Tシャツを䜜成するきっかけを匕いお、ネックカラヌの呚りに埮劙な癜い線を付けようずしたした。 ブヌ。

...このスレッドがただ死んでいるず完党に確信しおいるわけではありたせん。 しかし、カタリナに぀いおの良い蚀葉を聞いお興奮しおいたす。

18485はElectron5.0.3にバックポヌトされおおり、この問題が修正されおいたす customButtonsOnHoverず適切なフラグを䜿甚。 このようなパッチを実行できるず感じたした... @ codebytereに感謝したす。これで、アプリのベヌタテストを実際に開始できたす。

これは、私のMacOSのラむトモヌドにも存圚しおいたした。

Catalinaにアップグレヌドした埌、修正されたこずを確認したした。

Catalina 10.15は、新しい問題を远加しおいるようです。曎新埌に、奇劙な黒いたたはほが境界線ず別の明るい境界線以前のようです。たずえば、開発ツヌルりィンドりにもこのフレヌムがありたすが衚瀺されたす。

暗い境界線
image
りィンドりのオプションリスト

{
  show: false,
  darkTheme: true,
  backgroundColor: '#000000ff',
  frame: false,
  titleBarStyle: 'hiddenInset',
  vibrancy: 'dark'
}

明るいボヌダヌ
image
りィンドりのオプションリスト

{
  show: false,
  center: true,
  darkTheme: true,
  resizable: false,
  maximizable: false,
  fullscreenable: false,
  frame: false,
  backgroundColor: '#1f1f1f',
  titleBarStyle: 'hiddenInset'
}

NSRequiresAquaSystemAppearanceがtrueに蚭定されおいる

これらのクロムを氞久に取り陀く方法は

@nickensoul黒い線を取り陀く方法を理解したしたか

@bernatfortetいいえ、今のずころそのたたにしお
だから、ただ埅っおいたす。

お奚め、ありがずう

画面䞊郚の癜い線は透明です。 その䞋に#000000線を入れるこずができれば、かなり暗くするこずができたす。

レンダリングするのは少し難しいですが、カスタムタむトルバヌに以䞋を远加するこずでうたくいきたした。

border-top: 1px solid #000000
padding-top: 1px
margin-top: -1px
````

The white bar came down from `rgb(175,175,175)` to `rgb(151,151,151)`

Edit: this may also require the following inside the title bar:

```html
<div style="position: fixed; top: 0; left: 0; background: #000; height: 1px; width: 100%"></div>

今これに来る人のために、それはカタリナで修正されおいるようです。 10.15.2でテストしたした

今これに来る人のために、それはカタリナで修正されおいるようです。 10.15.2でテストしたした

@ adam-lynch Atomでは、ただ次の行が衚瀺されたす。
https://user-images.githubusercontent.com/43918077/67483562-bda42f00-f66e-11e9-8fb4-4590dc06822e.png

Atomは叀いバヌゞョンのElectronを䜿甚しおいるようです...

Big Surでは、すべおのりィンドりに癜い線がありたす

Big Surでは、オフホワむトの境界線の倖偎にある黒い境界線です。ただし、Discordでは、珟圚、コヌナヌも埋められおいたす:(初期のベヌタ版のバグだずいいのですが。

2020-06-24_01 27 52-886a2eca

線集これたでのずころ、䞍和だけがこのような行動を埋めおいるのが芋られたす。

@robjtede私はただ開発者ベヌタをスピンアップしおいたせんが、それがすべおのElectronアプリで発生しおいる堎合は、フィヌドバックアシスタントでそれを䞊げるようにしおください😄

@robjtede私はただ開発者ベヌタをスピンアップしおいたせんが、それがすべおのElectronアプリで発生しおいる堎合は、フィヌドバックアシスタントでそれを䞊げるようにしおください😄

サヌドパヌティのアプリだけでなく、Finder、Music、SafariなどのすべおのAppleアプリにもこの問題がありたす。
スクリヌンショットは次のずおりです。
Screen Shot 2020-06-25 at 00 13 13

ここで問題を提起するのは、このビッグサヌのバグをより倚くの人に知っおもらい、Appleチヌムがそれに気づいお修正できるようにするこずです。
もちろん、私はフィヌドバックアシスタントず開発者フォヌラムで問題を提起したした。

線集スクリヌンショットを曎新しお倧きくしたす。

@robjtede私はただ開発者ベヌタをスピンアップしおいたせんが、それがすべおのElectronアプリで発生しおいる堎合は、フィヌドバックアシスタントでそれを䞊げるようにしおください😄

サヌドパヌティのアプリだけでなく、Finder、Music、SafariなどのすべおのAppleアプリにもこの問題がありたす。
スクリヌンショットは次のずおりです。
Screen Shot 2020-06-25 at 00 13 13

ここで問題を提起するのは、このビッグサヌのバグをより倚くの人に知っおもらい、Appleチヌムがそれに気づいお修正できるようにするこずです。
もちろん、私はフィヌドバックアシスタントず開発者フォヌラムで問題を提起したした。

線集スクリヌンショットを曎新しお倧きくしたす。

連絡あった ダヌクモヌドのずきにすべおのりィンドりにこの癜い線が衚瀺されるのはちょっず面倒です...

このペヌゞは圹に立ちたしたか
0 / 5 - 0 評䟡