Long-time user, first time seeing this issue. I’m on RW 8.7, Mac OS 11.2.3, 3.1 GHz, 16 GB
RW is no longer simulating correctly, which is driving me nuts. As as example, in the screenshot below…
#1 - I have a divider on my active, working screen #2 - it is not showing up on the simulation page #3 - it is getting published correctly (#3 is in Chrome, after publishing)
This is happening with all aspects- font sizes/colors, background colors, positioning, etc. If/when I restart Rw, the simulation panel works correctly until I make the first edit - then it no longer keeps up. I’ve restarted my Mac as well, to no avail.
I’m not having any issues with any other programs…and to the best of my knowledge, nothing has been added to the OS in the last week or so. Any ideas?
Have you tried right clicking an “Inspect Element” on the page? Most dividers are a simple <hr> HTML tag. I just tried Foundation 6, Foundry, Source and Platform. and’s divider stack and don’t see the issue on Mohave or Catalina.
Thanks- the divider isn’t the issue- it’s just an example. If the background of the Blueprint in the column below was shaded blue, it would still appear white in the simulation panel. If the SHARE YOUR EXPERIENCE text above the number 1 was twice the normal size, it would still appear the same above the number 2. Nothing changes in the simulation panel. But, everything gets published correctly and renders correctly.
Could be a caching issue, have you restarted your Mac?
Also… the preview uses the Safari rending engine, we tell the browser it’s a certain device (deepening on what you pick). Could it be that some of the elements are set to be hidden on certain screen sizes/devices?
If you send over the project + the stacks you use I’d be more than happy to take a look here, as always it’s: dan@realmacsoftware.com
I have restarted my Mac - that didn’t make any difference. This is a project I’ve long used- I’ll try a couple other projects tomorrow to see if the issue affects other projects. If not, then perhaps something in this one has become corrupt. Either way, I’ll let you know.
And, no- it’s certainly not because some elements are set to be hidden on certain screen sizes/devices.
ok, here’s what i’d like to hear about: put the simlation window up and set it to a device that doesn’t need to zoom. then put your main RW window in Preview mode. and then Preview in Safari (not chrome – really want Safari here).
all three of these are looking at the same built-in micro-web-server inside of RapidWeaver and all three are WebKit. they should all display the same stuff – except for their caches.
what differences do you see, if any???
more…
There are 4 possibilities I can think of here. But getting more details and other concrete examples of what’s going on will help us help you:
Could the <hr> tag by styled differently for Phone than for Desktop?
Is the stack that you added for that divider set to display differently on Phone vs. Desktop? Or maybe the containing stack only to display on one or the other?
iPhones have really high DPI – meaning they have very very large screens (in terms of actual pixels) – they’re just very compressed. The simulation window displays an iPhone device size on your comparatively low-resolution desktop display by zooming to 50% or even 25% (depending on what device you use RapidWeaver on). This means that hairlines like the <hr> tag might not be visible unless you zoom in.
caching of some sort. although reboot seems to omit that , it’s still a possibility – many caches are stored on disk and persist across reboots (however preview content shouldn’t). still caching remains a likely contender here.
update: ok. i missed this one at the very end.
And, no- it’s certainly not because some elements are set to be hidden on certain screen sizes/devices.
i guess that takes care of number 2. So I’m down to just 3 things.
Many thanks, Isaiah. I will be working on this project again on Monday (it’s for my “real” 9-5 job) - so I will follow your steps then and will report back. On the other hand, I just did a lot of updating to this site < https://www.goodfriendsofgeorgetowncounty.org/ > which actually has a lot of things going on with it (lots of BluePrints & Section Pros, plus some Waves, Scroll Mate, Optic Stats, etc.) and everything worked perfectly. So, hopefully (maybe?) something within the file of the other project is causing the issue?
I will follow back up here on Monday. Thanks again.
Mystery solved. The issue was with some really old Javascript code that I forgot was even in the project. The project file is at least five years old (could be more like 7 or 8), and is updated quarterly (it’s for an intranet). Long ago, I inserted some JS that counted down, and long ago, I removed the HTML that corresponded with the JS (but I didn’t remove the JS). When I inspected the page, it threw one error- I removed the old JS; the page now throws no errors and the simulator is working perfectly. Thanks for chiming in and offering to help, @dan and @Isaiah- much appreciated!
The issue was with some really old Javascript code that I forgot was even in the project. The project file is at least five years old (could be more like 7 or 8), and is updated quarterly (it’s for an intranet). Long ago, I inserted some JS that counted down, and long ago, I removed the HTML that corresponded with the JS (but I didn’t remove the JS). When I inspected the page, it threw one error- I removed the old JS; the page now throws no errors and the simulator is working perfectly. Thanks for chiming in and offering to help,