sketchucation logo sketchucation
    • Login
    ℹ️ Licensed Extensions | FredoBatch, ElevationProfile, FredoSketch, LayOps, MatSim and Pic2Shape will require license from Sept 1st More Info

    Webdialogs: inputbox shows black background (sketchup webkit

    Scheduled Pinned Locked Moved SketchUp Bug Reporting
    sketchup
    50 Posts 22 Posters 35.3k Views 22 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • M Offline
      mwm5053
      last edited by

      @ Petersall

      I followed your suggestion and didn't seem to make any differance 😞
      Did I do it right?

      Edit Went back and corrected a few errors and fine now.


      manager.css.jpg


      configure .css.jpg

      2011 iMac
      SU 2015 Pro, 2017 Make
      V2 Twilight
      macOS Sierra 10.12.5

      1 Reply Last reply Reply Quote 0
      • JuantxoJ Offline
        Juantxo
        last edited by

        When I updated to Safari to 5.1.7 in Mac Leopard webdialogs boxes turn black in Sketchup.
        I've installed an older version of safari with pacifist and now it works again.

        http://www.charlessoft.com/ (pacifist software)
        http://mac.oldapps.com/safari.php (Safari 5.1.1 (Snow Leopard))

        1 Reply Last reply Reply Quote 0
        • jeff hammondJ Offline
          jeff hammond
          last edited by

          @lwerner said:

          Thanks for posting this workaround! It worked perfectly for me. (On OSX 10.7.4 Lion, Sketchup 8.0.14345 Pro)

          Laura

          ditto.. works fine for me too..
          thanks peter.

          dotdotdot

          1 Reply Last reply Reply Quote 0
          • T Offline
            TeamSDA
            last edited by

            Hi All,

            The fix Peter provided worked for the fields in my DC options window. But when I open my custom attributes window and look at the "Display Label" it is black as well. I couldn't find the style in the css style sheet that changed this input field. Does anyone know the style I need to change.

            Custom Attributes

            (On OSX 10.6.8 Snow Leopard, Sketchup 8.0.14345 Pro)

            Regards,
            Christian

            1 Reply Last reply Reply Quote 0
            • M Offline
              mwm5053
              last edited by

              @juantxo said:

              When I updated to Safari to 5.1.7 in Mac Leopard webdialogs boxes turn black in Sketchup.
              I've installed an older version of safari with pacifist and now it works again.

              http://www.charlessoft.com/ (pacifist software)
              http://mac.oldapps.com/safari.php (Safari 5.1.1 (Snow Leopard))

              Update If you find more black dialoge boxes blacked out like in profile builder or at 3d warehose this solution of Juantxo will work for all blacked
              out dialoge boxes follow instructions on this page to revert Safari back to 5.1.1 even though it's for a earlier ver.

              favicon

              (appletoolbox.com)

              2011 iMac
              SU 2015 Pro, 2017 Make
              V2 Twilight
              macOS Sierra 10.12.5

              1 Reply Last reply Reply Quote 0
              • jeff hammondJ Offline
                jeff hammond
                last edited by

                fwiw, i did the DC fix a while ago and yes, it works but as mentioned in this thread, it only works with the DC dialog.. skindigo was also exhibiting this blacked out behavior so i eventually downgraded safari using the method mentioned by Juantxo a few posts back.. pacifist with an older version of safari..

                and that fixes everything in sketchup instead of just the DC dialog.

                dotdotdot

                1 Reply Last reply Reply Quote 0
                • M Offline
                  mwm5053
                  last edited by

                  I wonder if this has been reported to apple so the next Safari update will resolve this? BTW Still love my MAC

                  2011 iMac
                  SU 2015 Pro, 2017 Make
                  V2 Twilight
                  macOS Sierra 10.12.5

                  1 Reply Last reply Reply Quote 0
                  • D Offline
                    driven
                    last edited by

                    I'm using the developer release of Safari 6 and the problem remains in SU.

                    Safari's User Agent Style Sheet, handles the input border correctly but SU doesn't use that, so it's a WebCore update that's needed. i'm looking for a patch at the moment.

                    john

                    learn from the mistakes of others, you may not live long enough to make them all yourself...

                    1 Reply Last reply Reply Quote 0
                    • M Offline
                      mwm5053
                      last edited by

                      Thanks John I'd like to stay updated on this as I like to stay updated on all software.

                      2011 iMac
                      SU 2015 Pro, 2017 Make
                      V2 Twilight
                      macOS Sierra 10.12.5

                      1 Reply Last reply Reply Quote 0
                      • G Offline
                        gohch
                        last edited by

                        Thanks guys!
                        I managed to get all the dialog boxes of 1001bit fixed following the suggestions on the css;

                        patch in html file to fix the black textbox

                        It's a lot of work to edit all the html files, but at least the problem is solved. 😄
                        Cheers!

                        1 Reply Last reply Reply Quote 0
                        • RichMorinR Offline
                          RichMorin
                          last edited by

                          I grabbed a copy of Pacifist, but I can't find a copy of Safari 5.1.5 to install.

                          For example, the page http://support.apple.com/kb/DL1070
                          has a Download button that leads to http://www.apple.com/safari/download/.

                          However, this page only supports downloading of Safari 5.1.7.

                          Help?

                          1 Reply Last reply Reply Quote 0
                          • T Offline
                            troypiggo
                            last edited by

                            I found it here:

                            http://mac.oldapps.com/safari.php?old_safari=813

                            This is not my signature. I type it at the end of every message for quality control.

                            1 Reply Last reply Reply Quote 0
                            • D Offline
                              driven
                              last edited by

                              Hi,
                              update to my investigation.

                              WebView uses a different version of Webkit than Safari (and not just in SU) and I can't find a way to change the userAgent from within SU, so been trying another approach.

                              dlg.execute_script %(function addGlobalStyle(css) { 
                                 var head, style; 
                                 head = document.getElementsByTagName('head')[0]; 
                                 if (!head) { return; } 
                                 style = document.createElement('style'); 
                                 style.type = 'text/css'; 
                                 style.innerHTML = css; 
                                 head.appendChild(style); 
                              
                              } 
                              
                              addGlobalStyle('input {border; 1px solid gray;}')) 
                              
                              

                              This works if you know the name of the dialog, but how can I get that with ruby to apply a global patch. Is it possible to get a new dialog name in ruby.
                              Using WebInspector to add the JS I can also exclude type with

                              addGlobalStyle('input, input;not[type="submit"];not[type="button"];not[type="file"];not[type="search"]{border; 1px solid gray;}')) 
                              

                              , but that returns true and fails in RubyConsole
                              john

                              learn from the mistakes of others, you may not live long enough to make them all yourself...

                              1 Reply Last reply Reply Quote 0
                              • thomthomT Offline
                                thomthom
                                last edited by

                                @aerilius said:

                                UI::WebDialog.open

                                You mean UI::WebDialog.show ?

                                Thomas Thomassen — SketchUp Monkey & Coding addict
                                List of my plugins and link to the CookieWare fund

                                1 Reply Last reply Reply Quote 0
                                • A Offline
                                  Aerilius
                                  last edited by

                                  fixed it.

                                  1 Reply Last reply Reply Quote 0
                                  • D Offline
                                    driven
                                    last edited by

                                    @aerilius said:

                                    fixed it.

                                    hi, I'm getting
                                    Error: #<SyntaxError: (eval):24: compile error (eval):15: parse error, unexpected '(' alias(:show_orig, :show) ^ (eval):20: both block arg and actual block given> (eval):24

                                    I'd much rather use a small amount of ruby to 'fix' the input problem

                                    cheers for your efforts
                                    john

                                    learn from the mistakes of others, you may not live long enough to make them all yourself...

                                    1 Reply Last reply Reply Quote 0
                                    • Dan RathbunD Offline
                                      Dan Rathbun
                                      last edited by

                                      @Aerilius

                                      It's much more complicated than that.

                                      I have a patch that does similar.. (and more,) but we can't release such a thing without Boulder's blessing.

                                      We have realized, that it's best not to show how to modify the API modules and classes. Some newbie's just run with it and start hacking away, and worse. (Yes we've all been guilty of openly discussing such things in the past. I'm sure I have. Sometimes we forget the "kids" come along and read what we've written later.)

                                      Anyway... you don't need the literal block when you pass to the orig method, as the wrapper method has already converted any block argument to a Proc object.
                                      So instead you do:
                                      block_given? ? show_orig(&proc) : show_orig()

                                      But it will not work like that, for the same reasons that the current API show(), show_modal() and set_on_close() block form methods do not work on Mac. (The webpage is never ready when Ruby executes the block.)

                                      I'm not here much anymore.

                                      1 Reply Last reply Reply Quote 0
                                      • D Offline
                                        driven
                                        last edited by

                                        Improved my 'GreaseKit' UserScript using a file from Dan (cheers)
                                        with safari Css style on input borders

                                        // ==UserScript==
                                        // @name           inputPatch
                                        // @author	       driven
                                        // @namespace      http://drivenupthewall
                                        // @description    fixes webkit input boxes in SketchUp.
                                        // @include        *
                                        // ==/UserScript==
                                        
                                        (function() {	
                                        	function main() {
                                        // ====== DO NOT TOUCH ANYTHING ABOVE =====
                                        // ===== PLACE CUSTOM CODE UNDER THIS LINE =====
                                        		function patchStyle(css) { 
                                           var head, style; 
                                           head = document.getElementsByTagName('head')[0]; 
                                           if (!head) { return; } 
                                           style = document.createElement('style'); 
                                           style.type = 'text/css'; 
                                           style.innerHTML = css; 
                                           head.appendChild(style); 
                                        
                                        } 
                                        
                                        patchStyle('input;not([type=button]);not([type=file]);not([type=checkbox]);not([type=image]);not([type=radio]);not([type=reset]);not([type=search]);not([type=submit]){background-color; rgb(255, 255, 255); border-bottom-color; rgb(238, 238, 238); border-bottom-style; inset; border-bottom-width; 1px; border-collapse; separate; border-left-color; rgb(238, 238, 238); border-left-style; inset; border-left-width; 1px; border-right-color; rgb(238, 238, 238); border-right-style; inset; border-right-width; 1px; border-top-color; rgb(238, 238, 238); border-top-style; inset; border-top-width; 1px;}');
                                        // ===== KEEP CUSTOM CODE ABOVE THIS LINE =====		
                                        // ===== DO NOT TOUCH ANYTHING BELOW =====
                                        	};
                                        	var script = document.createElement('script');
                                        	script.appendChild(document.createTextNode('('+ main + ') ();'));
                                        	(document.body || document.head || document.documentElement).appendChild(script);
                                        })();
                                        
                                        
                                        
                                        

                                        john

                                        learn from the mistakes of others, you may not live long enough to make them all yourself...

                                        1 Reply Last reply Reply Quote 0
                                        • D Offline
                                          driven
                                          last edited by

                                          working with Safari 6[dev] as main browser
                                          I added GreaseKit to SketchUp Menu and wrote a userScript to intercept ALL WebDialogs to add the patch.

                                          It only affects input[type=text] even when it's not been declared. (e.g. at 3D Warehouse site)

                                          Here are some instructions and my userScript if anyones interested.

                                          You need to instal SIMBL and GreaseKit in these locations
                                          /Library/Application\ Support/SIMBL
                                          %(#4040BF)[/Library/Application\ Support/SIMBL/Plugins/GreaseKit.bundle
                                          ~/Library/Application Support/GreaseKit/apps.plist
                                          ~/Library/Application Support/GreaseKit/config.xml]
                                          ~/Library/Application\ Support/GreaseKit/inputPatch.user.js

                                          Edit:SCRIPT REMOVED -better version below

                                          add SketchUp to greaseKit from Safari Menu, then in SU Reload All UserScripts and Select 'InputPatch'
                                          that's it
                                          john

                                          learn from the mistakes of others, you may not live long enough to make them all yourself...

                                          1 Reply Last reply Reply Quote 0
                                          • A Offline
                                            Aerilius
                                            last edited by

                                            You could carefully "alias" the WebDialog class in SketchUp, that means you add a script that is loaded first where you redefine the UI::WebDialog.open method so that it injects your JavaScript after the WebDialog has opened. Maybe like (untested):

                                            class UI;;WebDialog
                                            
                                              # this gives a new name to the method "show"
                                              alias ;show_orig ;show
                                              private ;show_orig
                                            
                                              def show(&proc)
                                                # this calls the original "show" method
                                                show_orig(&proc){ proc.call }
                                                execute_script(" /*your script*/ ")
                                              end
                                            
                                            end
                                            

                                            However re-defining base classes is something that no published plugin should do.

                                            1 Reply Last reply Reply Quote 0
                                            • 1
                                            • 2
                                            • 3
                                            • 2 / 3
                                            • First post
                                              Last post
                                            Buy SketchPlus
                                            Buy SUbD
                                            Buy WrapR
                                            Buy eBook
                                            Buy Modelur
                                            Buy Vertex Tools
                                            Buy SketchCuisine
                                            Buy FormFonts

                                            Advertisement