CSS/HTML rendering bug

I created an HTML/CSS code for rendering some shapes. No Javascript. No images. Just plain HTML/CSS. The result displays a bug in an element, compared with Chrome. This is not the first time I'm getting this kind of errors in Firefox browsers. Other HTML/CSS elements created previously have rendering issues, but they seem fine in other browsers.
You can verify it here: http://codepen.io/doublecaffe/pen/QwmZJB
Image attached. I'm using Firebox v36, Firefox Developer Edition 37.0a2 and Chrome 40.0.2214.115 m.
Any clue about this or fix in a future update?
Thx!

Looks fine here in Firefox 36.
You can try to disable OMTC and leave hardware acceleration in Firefox enabled.
*about:config page: layers.offmainthreadcomposition.enabled = false
You can try to disable hardware acceleration in Firefox.
*Tools > Options > Advanced > General > Browsing: "Use hardware acceleration when available"
You need to close and restart Firefox after toggling this setting.
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
*https://support.mozilla.org/kb/upgrade-graphics-drivers-use-hardware-acceleration

Similar Messages

Email HTML Rendering bug?

I have a system that sends me an HTML-formated email everyday. It appears that the IPhone 3G, running 2.2 and 2.2.1, is not able to render that email when it is large. For example, if the size of the email is 380K, the Iphone shows me the email as text (I think without CSS applied). If the size of the email is 19K, then it renders perfectly.
I am connecting to an exchange server.
Has anyone encountered a similar problem?
Sylvain

I should add that Safari, connecting to Exchange OWA, does render the large email perfectly.

Bookmarks.html Renders Very Differently in FireFox 4

For years, I have been using and loving Firefox (including 4.0).
For years, I have also exported my bookmarks out of Firefox and use the resulting bookmarks.html file as my home page.
Now Firefox 4 renders the bookmarks.html file very differently from previous versions of Firefox and also differently from other browsers (eg, IE).
The indentations have disappeared when viewing bookmarks.html in Firefox 4. Unfortunately, it's not really easy to show you this inside this forum text box, but I will try.
Firefox 4 shows something like this:
'''Bookmarks Menu'''
'''General Interest'''
Markham Weather Forecast - Environment Canada
The Weather Network - Markham
The Weather Channel - Markham
AccuWeather.com - Canadian Forecast Center
... etc
Firefox 3.6, IE, and other browsers show something like this (note the indentations which greatly improve readability):
'''Bookmarks Menu'''
'''General Interest'''
Markham Weather Forecast - Environment Canada
The Weather Network - Markham
The Weather Channel - Markham
AccuWeather.com - Canadian Forecast Center
... etc
Is this a bug in Firefox 4?? I would really like to see bookmarks.html rendered with the indentations.
Am I missing something?
Thanks.

'''Cor-el''' - is there a way that can be added to the bookmarks.html file, instead of having to click on a bookmarklet each time the page is opened?

Simple HTML Renderer Kit

Hi ,
Is there any simple html renderer kit without javascript and advanced css ? I want to use it for mobile browsers eventually . Most of the open source and commercial do use javascript and mobile browsers have limitations .
Thanks.

Thanks for the response. I always thought Ericsson or Nokia ( i think they have too ) will always support only those companies phones. Isnt that true ? Will Ericsson support most of the other phones/browsers ?
Thanks.

HTML Rendering for printer

From an HTML document, how do I render it and send it to the printer?
Swing JTextPane has the capability of HTML rendering, but it does not fully support CSS, so I need something like that but with full support for CSS.

how does it works, it's free?
Is it fully embedded in java or is architecture
dependent?Is google broken on your computer?

HTML Rendering for PDF

<div>We viewed a demo on webElements and have a question about something that was mentioned in that demo, i.e. "You can create a PDF report, but you have to do some tricks." We need to know what those tricks are! <hr /></div><div>The background on our particular situation is this:</div><ul><li>We want to incorporate a text editor, similar to this one, in various forms to allow formatting of text in long text fields.</li><li>The HTML output will be stored in / retrieved from a SQL database. </li><li>We need to be able to use/modify existing reports generated through Crystal to create PDF output. </li><li>The HTML formatting functionality built into Crystal XI report items does not appear to be adequate, since it does not handle several HTML tags that we need - bulleted/ordered lists, perhaps tables. </li><li> We are using java on WebSphere application servers, with embedded Crystal reports. We do have Business Objects Enterprise available, but it is not configured for HTML pass-through, or webElements yet. </li><li>We want to use Enterprise, but if it doesn't solve our immediate problem (creating PDFs with embedded HTML, rendered properly) we will work on getting that set up later.</li></ul><div><hr />Bottom line question -- Can we expect that the PDF generation from HTML data fields in webElements/Enterprise is better than that which exists in Crystal standalone?</div><div>And/or - do you have "tricks" that you can share that will help? </div><div> Thanks for any help you can offer,</div><div>Fran </div>

hello,the webelements library uses a feature of pass-through html available in xi & xir2. activating pass through html allows the report developer to embed html into a report so one can create custom html that would not work by formatting a field or text object to display as html.pass-through html will not render controls on pdf exports and will show up as regular text in pdf.you might have miscronstrued a portion of the demo where it was mentioned that one could get around pass-through html showing up as text in pdf...the workaround is to hide this text and does not render the actual web controls.jw

Fonts used in HTML rendered components not displayed

Hi all,
I have a problem using fonts in components with text that is being rendered by the HTML renderer.
It's the exact same problem as described in this topic;
http://forum.java.sun.com/thread.jspa?forumID=257&threadID=222691
but no solution found...
When I do this, my font isn't displayed (only the default SansSerif font is used at this point);
JLabel label = new JLabel("<html>a text</html>");
InputStream fontStream = getClass().getResourceAsStream("SystemVIO.ttf");
Font font = Font.createFont(Font.TRUETYPE_FONT, fontStream);
label.setFont(font.deriveFont((float)12));SystemVIO is placed in a JAR-file (loaded in my classpath).
And when I do this, it is displayed correctly;
InputStream fontStream = getClass().getResourceAsStream("SystemVIO.ttf");
Font font = Font.createFont(Font.TRUETYPE_FONT, fontStream);
JLabel label = new JLabel("<html>a text</html>");
label.setFont(font.deriveFont((float)12));But the real problem here is, if one component is made with a HTML renderer, none of the other components can use a font if it's loaded after the FIRST component with HTML renderering is constructed.
So, for some reason, the fonts aren't reloaded in the HTML renderer (is the html renderer native?) whenever I use createFont().

Hi Sundar,
if I understand your post properly, what your are doing in your BSP is executing a procedure to create an Adobe document, and then placing that document into the HTTP response.
If you have built this code by following some of the blogs in SDN, you probably do something like...
response->set_header_field( name = 'content-type'
 value = 'application/pdf' ).
l_pdf_len = XSTRLEN( l_pdf_xstring ).
response->set_data( data = l_pdf_xstring
 length = l_pdf_len ).
navigation->response_complete( ).
What this code does is change the type of the HTTP response to 'application/pdf', set the content of the HTTP repsonse to the PDF data stream, and finally signal the HTTP runtime that processing has completed.
Once processing has been completed control is returned to the HTTP runtime. This means any further 'down-stream' code in your BSP will not be executed. This includes the Layout section of your BSP.
It is not possible to send two responses, PDF data and HTML data, to a single HTTP request. If you want to show both on the same web page you need to embed the Adobe document into the HTML page using frames or some other method.
Cheers
Graham Robbo

Change report manager HTML rendering view %

Hi All,
I can change the default HTML Zoom % in report server reports accessed via URL. Add "&rc:Zoom=75 " to the URL and it works. However I cannot change the zoom for report manager reports. Is there any workaround to this? or better idea to change
HTML rendering?
Thanks

Hi sonnyA,
According to your description, you want to set the default zoom level when accessing reports in Report Manager. Right?
In Reporting Services, the Zoom is already a deprecated property in HTML Device Information Settings. Change the <Zoom> tab in rsreportserver.config will not work. In this scenario, we can embed javascript in Report.aspx page to get the zoom
selection box object and set the zoom level. Please follow the steps below:
1. Go to Report.aspx, this file locates at C:\Program Files\Microsoft SQL Server\MSRS12.MSSQLSERVER\Reporting Services\ReportManager\Pages,
embed the code below:
<script>
function pageLoad() {
var cuInternalViewer = $find('ctl32_ctl03');
cuInternalViewer.set_zoomLevel(75);
</script>
2. The result looks like below:
If you have any question, please feel free to ask.
Best Regards,
Simon Hou

Illustrator CS5 rendering Bug?

Hi All,
This is my first post in this forum.
Recently I found this shared PDF rendering bug
by both Adobe products: Illustrator CS5 and
Adobe Reader X.
Look at the attached images.
Although these screenshots are from
Adobe Reader X and Nitro PDF Reader,
these shows exactly the rendering differences
between Illustrator Cs5 and Cs4.
The same PDF file opened fine in Illustrator CS4
and 8 different PDF viewers. It does not shows
these square clipping boxes around the words
"La Tormenta".
Why Adobe changed the way its products interpret
pdf files?
If you want, you could download the pdf file:
http://dl.dropbox.com/u/3834621/La_Tormenta_for_PDF_export.pdf
(77k)
Thanks in advance!
Alejandro

Hi Scott,
Just exported the file in different PDF versions
1.3 / 1.4 / 1.5 / 1.6
Tell us which version(s) does not invoke
clipping masks in your different Illustrator's
versions:
http://dl.dropbox.com/u/3834621/La_Tormenta_for_PDF_export_v13.pdf
http://dl.dropbox.com/u/3834621/La_Tormenta_for_PDF_export_v14.pdf
http://dl.dropbox.com/u/3834621/La_Tormenta_for_PDF_export_v15.pdf
http://dl.dropbox.com/u/3834621/La_Tormenta_for_PDF_export_v16.pdf
Thanks in advance!
Alejandro

What is the appropriate product name for CSS 11500 on Bug Toolkit

Today I tried to search DDTs of CSS 11500 on Bug Toolkit (http://www.cisco.com/cgi-bin/Support/Bugtool/home.pl), however I can not find out appropriate product name corresponding to CSS 11500.
Before I had searched DDTs of CSS 11500 on Bug Toolkit many times, at that time, if my memory correct..
I selected "Cisco CSS 11500 Series Content Services Switches" in the list of "Search for bugs in other Cisco software and hardware products" on Bug Toolkit.
But I can not find this product name today.
Do you know what product name appropriate for CSS 11500 on Bug Toolkit ?
Your information would be appreciated.
Best regards,

Hi Gilles,
Thank you for your cooperation.
Today, I can find the CSS at "new Bug Toolkit".
http://tools.cisco.com/Support/BugToolKit/action.do?hdnAction=searchBugs
Select Product Category: Application Networking Services
Select Product: Cisco CSS 11000 Series Content Services
So I understand I should go "new Bug Toolkit" instead of old "Bug Toolkit" to
search any DDTs for CSS 11500.
Many thanks.
Best regards,

Code Photo Edges in CSS & HTML?

Can someone give me an idea of how I can code the navigation bar shown in the image below? I'm specifically having trouble figuring out how to implement the tiny edges of the navigation bar into CSS & HTML code.

a very thin border on the yellow container will do the rectangle, but IMHO, you will need 2 small graphics to acheive the "folded" ends.
Or do it as a single graphic backbround banner.

Small screen rendering bug

There is a very subtle rendering bug when overlapping text.
I'm not sure if this bug is worth fixing, as depending on how
Mars rendering is implemented, it could be very difficult to fix.
When overlapping to sections of text, the anti-aliased pixels
will compound between overlapping lapping lines. This leads to a
slightly "heavy" look at the point of overlap. This most affects
double-layered / slightly-offset text used for shadowing, as the
outlines of the two text areas match closely. It affects screen
presentation and not print.
The easiest way to demonstrate this bug is to copy and paste
a text node multiple times into the SVG document. The rendered text
will darken each time, until eventually, the text has a hard,
jagged outline. The affect is easiest perceived with smaller font
text because the ratio of anti-aliased pixels to 100% "solid"
pixels is greater.
The preferred behavior in this case would be to pick the
darkest color point for that pixel from among all the overlapping
anti-aliased pixels for each channel of color. The resulting
anti-aliased pixel layer would then need to be blended as normal
with any other overlapping layers... This could be tricky, but I
think it would increase the overall quality of screen
rendering.

Unfortunately, this bug is pretty much beyond our control.
Pixel-level rendering issues like this are handled entirely within
the Acrobat core -- our plugin parses Mars SVG, converts it into
Acrobat-friendly data structures, and then hands everything 'over
the wall' for the Acrobat core to render.
We have some control over the renderer's low-level settings,
and I hope to exploit that in the next major release of the Mars
plugin to take care of some other pixel-level rough-rendering bugs
we've been seeing. However, this particular bug looks way too
subtle for us to address with the level of renderer access we're
given ...

Finder column view rendering bug

See attached image.
Quite often I get this rendering bug. It has been around since Mac OS X Lion and is still occuring in Mountain Lion.
The only way to fix the rendering bug is to switch to another type of view and them back to the columns view.
Can anybody confirm this bug?

I've never noticed this before. Here is another discussion on the same topic--no solution there either:
http://forums.macrumors.com/showthread.php?t=1530290

Is there a html renderer in flex 4?

hey guys, i was wondering if there was a html renderer in flex 4 without using iframes? i just need to display a html page in my flex application...

Hi,
Flex has basic html rendering capabilities but not for webpages, there are tricks you can do with i-frames but then you end up with compatibility issues over various browsers, AIR on the other hand has a web rendering engine built in, but thats not really the solution for what you are working on.
David.

HTML Renderer - Links that do not open a new window

Hi All,
I have links which navigates users to an area within the page, however all anchor tags (<a></a>) which are not http://com.sap.cm in html rendered by the html collection renderer are opened in a new window (target=_blank). Even if I specify target=_self, it changes to target=_blank automatically.
Is there anyway to implement <a target="_self" href="#aLocationInPage">link</a>?
Cheers,
Vic

Hi there,
we had the same issue - I opened an OSS and got following reply :

08.03.2007 - 12:45:49 CET SAP Reply
I have checked from my development colleague and confirmed that
this parameter is not supported currently and development has recently
no plans to support this feature.
I apologize for the inconvenience caused here.
Thank you for your cooperation.
Best Regards

Can you believe this ? I don't, as this parameter has been around since SP12 or so and still there is no official note regarding this issue.
> Please reward points :o) <

CSS/HTML rendering bug

Similar Messages

Maybe you are looking for