browser-bugs | 易学教程

Can't scroll to top of flex item that is overflowing container

阅读更多关于 Can't scroll to top of flex item that is overflowing container

问题 So, in attempting to make a useful modal using flexbox, I found what seems to be a browser issue and am wondering if there is a known fix or workaround -- or ideas on how to resolve it. The thing I'm trying to solve, has two aspects. First, getting the modal window vertically centered, which works as expected. The second is to get the modal window to scroll -- externally, so the whole modal window scrolls, not the contents within it (this is so you can have dropdowns and other UI elements

Browser automatically looks up image URL from JS source

阅读更多关于 Browser automatically looks up image URL from JS source

问题 I'm not sure of a better way to describe my problem. I have the following JS code repeated a couple of times: window.kgmp["marker23"]=new InfoBox({ content: "<div class=\"wrapBox\" align=\"left\"><div class=\"imageBox\"><span class=\"imageWrap\"><img src=\"http:\/\/www.MYSITE.com\/wp-content\/uploads\/2011\/04\/Hellespont (3).jpg\" alt=\"\"\/><\/span><\/div><div class=\"specsBox\"><h2>HMS Hellespont<\/h2><div class=\"shortDesc\"><p>one of the last steam paddle tugs to be built, forgotten till

hash link reloads page

阅读更多关于 hash link reloads page

问题 I have a code snippet that is installed on third party websites. I can't get into the details, but it loads HTML, CSS and JS onto the page through the use of a <script> tag. Part of the code is a JS function that executes when this link is clicked: <a href="#">?</a> If there are JS errors on the page that prevent the function from executing, clicking the link obviously just adds the hash to the URL and takes the user to the top of the page. This is the expected fallback behavior. However, on

Why do HTML Entities get garbled in View Source?

阅读更多关于 Why do HTML Entities get garbled in View Source?

问题 I've seen this behavior across several different browsers over the years (Chrome, Firefox, and Opera, at least), but most recently it happens only in Opera and Chrome - I think Firefox fixed it at some point. If I have a page which pushes a fairly sizeable chunk of data (several thousand lines of HTML) to the browser, if I use any HTML Entities in the data, they come through malformed when you view the source code. For example, I put a "lower right pencil" entity ( ✎ - or ✎ ) throughout the

Why are images centered vertically with `line-height` positioned 2 pixels below where they should be?

阅读更多关于 Why are images centered vertically with `line-height` positioned 2 pixels below where they should be?

问题 Short story: jsfiddle here. The behavior is consistently wrong in Chrome 21, Firefox 15 and IE9, which makes me think I'm misunderstanding something about the CSS spec. Longer story: I want to center an image vertically using line-height. I've set the height of the image container equal to the line-height, I've reset margins, paddings and borders for all elements, yet the image is 2 pixels below where it should be. This happens whether the image is smaller than the container, or larger than

Why is the site running in IE quirks mode?

阅读更多关于 Why is the site running in IE quirks mode?

问题 I've got a site: http://www.sucramma.dk When I'm in FF, Chrome, or Safari, the site is displayed as it should, but in IE the site is left aligned, and is running is quirks mode. Why? The doctype is set! 回答1: It's a Byte Order Mark, , which is invisible to most text editors. Try using VIM and killing it or somehow find a different text editor and kill everything before <!DOCTYPE html> You can simply copy <!DOCTYPE HTML> and everything below it into a new file and save over it, meaning you wont

Should I use ^ and $ in html5 input regex pattern validation?

阅读更多关于 Should I use ^ and $ in html5 input regex pattern validation?

问题 I've seen mostly examples without the ^ (circumflex) and $ (currency or dollar) characters to mark the beginning an end of the string being matched. However, I did not find anything regarding this in the html5 spec. Are they implicit in the pattern? The html5 spec states that they are implicit. The compiled pattern regular expression, when matched against a string, must have its start anchored to the start of the string and its end anchored to the end of the string. This implies that the

Why do HTML Entities get garbled in View Source?

阅读更多关于 Why do HTML Entities get garbled in View Source?

I've seen this behavior across several different browsers over the years (Chrome, Firefox, and Opera, at least), but most recently it happens only in Opera and Chrome - I think Firefox fixed it at some point. If I have a page which pushes a fairly sizeable chunk of data (several thousand lines of HTML) to the browser, if I use any HTML Entities in the data, they come through malformed when you view the source code. For example, I put a "lower right pencil" entity ( ✎ - or ✎ ) throughout the contents of a page in order to label "Edit" links. However, when I load the same page in any browser and

Why are images centered vertically with `line-height` positioned 2 pixels below where they should be?

阅读更多关于 Why are images centered vertically with `line-height` positioned 2 pixels below where they should be?

Short story: jsfiddle here . The behavior is consistently wrong in Chrome 21, Firefox 15 and IE9, which makes me think I'm misunderstanding something about the CSS spec. Longer story: I want to center an image vertically using line-height. I've set the height of the image container equal to the line-height, I've reset margins, paddings and borders for all elements, yet the image is 2 pixels below where it should be. This happens whether the image is smaller than the container, or larger than it (in which case I used max-width: 100; max-height: 100% to size it down). The image has an even

Thai line breaking: how to break Thai text effectively

阅读更多关于 Thai line breaking: how to break Thai text effectively

问题 Situation with Thai text on a client site is that we can't control where exactly particular words/sentences are going to break between the lines (how web browser will handle it) . Often, content appearance is indicated as incorrect by local reviewers. Workaround to this is that copywriter needs to deliver Thai content with breaking and non-breaking zero-width-space chars included. In practice, rather than: ของเพื่อนๆ ที่ออนไลน์อยู่ we should use something as ugly as: ของเพื่อนๆที่