webdialogs: inputbox shows black background (sketchup webkit

[jeroentheuns]

webdialogs: inputbox shows black background (sketchup webkit osx)

Hi,

Following html inputbox shows with a black background color when loaded inside a sketchup webdialog. Same html file opens ok on safari.
Until 2 days ago it worked ok in sketchup. I DID UPGRADE TO LION 10.7.4

restarting SketchUp and computer doesn't help
removing all other plugins and restarting Sketchup doesn't help
removing all sketchup preferences (plist files in library/preferences/) doesn't help
removing and reïnstalling sketchup doesn't help.

Does anybody know where sketchups webkit stores it's cache? In 'com.google.sketchuppro8.plist'I see
<key>WebKitCacheModelPreferenceKey</key>
<integer>1</integer>
I was thinking to set this to 0 as to force webkit/sketchup to clean it's cache as I suspect there is something in there that gets loaded and produces this incorrect html rendering.
I can see this by opening the file in textwrangler, but textwrangler apparently cannot correctly save the editet binary format.

SketchUp 8.0.11751, OSX Lion 10.7.4

[driven]

hi if you have Apples Developer Tools you can use Web Inspector to find the cause...
see this post http://forums.sketchucation.com/viewtopic.php?f=180&t=37277&p=328917&hilit=enable+webInspector#p328855
john

[mwm5053]

Well by the subject you can tell my problem. It seems to be native to my computer. Mac OSX 10.7 using SU 8 Pro the same DC comp. on my WIN laptop are correctly displayed. The peculiar thing is the DC comp. from Google are able to change dim.

[mwm5053]

John, I saw the link you posted and that's way over my expertise. In the skp file I uploaded the DC components values were blacked out all but the ones from Google any reason why? The components from Sketchdata and Kraftmaid still had some options that however were still accesable

[petersaal]

I found the same problem last week. The source of the problem is the Safari update that Apple pushed out last week (5.1.7). Here's a work-around for dynamic components: make the following edits in red to the manager.css and configurator.css files. (located in Library/Application Support/Google SketchUp 8/SketchUp/Tools/Dynamic Components/css)

In Manager.css:

.edit-field {
position: absolute;
border-top: 2px solid #3063C9;
border-left: 2px solid #3063C9;
border-right: 2px solid #A5C4FF;
border-bottom: 2px solid #A5C4FF;
background-color: white; font-size: 12px;
font-family: sans-serif;
width: 100%;
height: 100%;
overflow: hidden;
padding-left: 2px;
padding-top: 1px;
border: 1px solid #000000;
}

In Configurator.css:

.config-field {
width: 100%;
font-size: 11px;
font-family: tahoma, sans-serif;
height: 22px;
background-color: white;
border: 1px solid #000000;
}

.config-field-readonly {
width: 100%;
font-size: 11px;
font-family: tahoma, sans-serif;
height: 22px;
background-color: threedface;
border: 1px solid #000000;
}

[petersaal]

Just in case I wasn't clear in the previous post, you only need to make the additions/changes in red.

Here's some background on the issue on StackOverflow:

http://stackoverflow.com/questions/1058 ... oa-webview

[rdeath]

Hi, i have located the manager.css and configurator.css files and opened them. I don't seem to be able to edit them. Can you point me in the right direction. THX for finding the problem it's been driving me nuts. Look forward to your help

[Gaieus]

I don't seem to be able to edit them.

Why not? Open it in a plain text editor (not a word processor) and you can simply copy/paste those lines then save.

[rdeath]

Ok, I have done all that RESTARTED iMAC and things don't seem to have changed.....? Any ideas..?

[mwm5053]

@ 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.

[Dan Rathbun]

Ok, I have done all that RESTARTED iMAC and things don't seem to have changed.....? Any ideas..?

Clear your browser cache (or temporary internet files directory.)

[mwm5053]

Still no luck

[Jeff Hammond]

Well by the subject you can tell my problem. It seems to be native to my computer. Mac OSX 10.7 using SU 8 Pro the same DC comp. on my WIN laptop are correctly displayed. The peculiar thing is the DC comp. from Google are able to change dim.

that's odd.. (i'm seeing the same behavior..)

the items are still editable, it's just that the black is the same color as the text so you can see it.. if you triple click an entry, the field will highlight in blue so you can see it.. (when blue, push delete then enter your new numbers ..albeit blindly)

heres a shot after focusing the component options dialog then selectAll--

[Aerilius]

Ok, I have done all that RESTARTED iMAC and things don't seem to have changed.....? Any ideas..?

Your image shows a website (that is loaded from the internet and can't use these css hacks). Does it at least work for components options?

Still no luck

Can you check again that all the css properties are separated with a semi-colon? I think you forgot one in .config_field.

Another idea, would a WebView also accept a user stylesheet (that would override the default background in all websites+webdialogs in SketchUp)?

[mwm5053]

I saw that and thanks for pointing that out but still seeing black fields. Jeff's solution did allow me to change width dimension ultimately. I don't think this a SU thing however I believe it was an update to the Safai browser for Macs after the Flashback incident. From what I've read it not only effected SU but other programs that use webdialog boxes on Mac. Emptying the cache hasn't proved to be useful either.

[rdeath]

OK, purged cache in Safari and still no luck...!! anything else i can try..??? this is VERY frustrating..!!

[petersaal]

Move "font-size: 12px;" down to its own line. I had that on the same line as background-color and that's an error on my part.

If that doesn't do the trick, the only difference might be the OS X version. I'm still on 10.6 and I don't have a way to test 10.7.

Just to be clear: this fix is only for dynamic components. It will not fix the 3D Warehouse search box or any other affected software on the mac.

[lwerner]

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

Laura

[Juantxo]

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))

[Jeff Hammond]

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.

[TeamSDA]

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.png

(On OSX 10.6.8 Snow Leopard, Sketchup 8.0.14345 Pro)


Regards,
Christian

[mwm5053]

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.

http://appletoolbox.com/2010/06/downgra ... ari-4-0-5/

[Jeff Hammond]

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.

[mwm5053]

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

[driven]

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

[mwm5053]

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

[GOHCH]

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

black_textbox_patch.jpg

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

[RichMorin]

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?

[troypiggo]

I found it here:

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

[driven]

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.

Code: Select all

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

Code: Select all

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