I got this strange red dot with the text "\u200b" that appear when i check the google chrome developper tools.
When i check my original css file there's nothing strange, i discovered that it was a Zero width space.
So i try to find how to delete it on sublime text but i got this message below
Does someone know how to handle this problem ?Thanks
Related
We are not sure if this is an issue with React-Select or simply an issue with our styles that is causing the issue. On our website, when text is typed into any of our (react-select) search bars, the text slowly vanishes to the left as more text is added. On the page linked, in the React-Select search box where it has placeholder text Focus Conferences, we have typed Typing any text to showcase the issue, and here is how it appears. Notice text missing off to the left:
To troubleshoot this issue, we have removed the blur event listener in Chrome Dev Tools so that we can type in the field and then also inspect the field without the text being removed from the search bar. Here are the styles we are seeing on this relevant input. These are all default styles for this input from react-select:
What I've noticed is that changing the width: 100% to width: 120% seems to solve this issue, however, I am not sure how to permanently make the change to 120% in our code. There is no class on this input, which makes it difficult to grab and style from our code or from css. https://react-select.com/styles are the ways to style, but none of the innerComponents seem to be for this input element. Either way, changing the width to 120% also seems like a hacky way to resolve this issue.
What's going on here? Why is the text bleeding off to the left in all of our search bars as more text is typed? We recently upgraded to react-select 5.7, and this issue was not happening previously with version 4. Any help or input is appreciated.
I've a website based on Html KickStart and I notice an annoying problem in IE10.
The issue: when you open the web page, the text in the input field is aligned against the left hand side of the field. When you put the focus on it, and start typing, the text jumps to the right (where it is supposed to be, as you can see in other browsers). When the field looses the focus, the text jumps left again, against the side once more. The input field in question is styled.
The problem is clearly visible on the Html KickStart demo site:
http://www.99lime.com/elements/
Here you can also find the css code files etc.
I don't seem to be able to find the cause of this behaviour. Any help would be greatly appreciated.
Check out this css property : https://developer.mozilla.org/en-US/docs/Web/CSS/direction
direction effects the css declaration being used known as text-align:start
which isn't supported by IE 10
I'm trying to get a centered image that spans the entire page, with a small text box overlay. You can see my attempt at www.cloudtute.com.
Unfortunately this doesn't work in all browsers and the form elements look weird in some browsers. E.g. trying it in internet explorer 9 it comes up tiled and the text box is black!
I was trying to go for a similar effect to the image on www.airbnb.com which works in all browsers - can anyone tell me where I'm going wrong please?
From what you've explained it shouldnt be too difficult. However www.cloudtute.com isnt opening for me, it comes up with not found, so I cant see your code. If you can add your current code or get the website working again I can help out.
You can see the problem if you open these links in safari (version 5+)
http://wufoo.com/html5/attributes/01-placeholder.html
http://jsfiddle.net/9gQZ2/
Anybody have a decent solution for making the line break properly in the textarea?
EDIT: Submitted a bug report to Apple about this.
Hello
I have quite a strange problem using quicktabs. I used the framework theme to develop a custom look for my site. I used quicktabs in the center content area to create a tabbed look for placing links within the body. Everything is working fine. However, when I view the site in IE8 at a resolution if 1024*768, I have trouble with a few links. It seems that sometimes the first link under my buttons are difficult to click. The link is there - I can actually click it, but it is very difficult to locate - it only appears at the very beginning of the link text - it is not the first letter, it seems to be only the first pixel.
I looked at the source and everything seems to be correct - I can't figure out what could be wrong.
Has anyone seen any similar behavior that might be able to point me in the right direction for a fix for this?
Thanks for any thoughts.
Edit - I looked further into it and I think it has something to do with my CSS. I disabled css in ie8, and every link is clickable, even the ones that were difficult to locate earlier. I guess there must be an overlapping of containers or something, so I will have to start messing around with those files.
It sounds like a CSS thing, have you inspected the elements in question using the developer tools (press F12) to see whats going on?
I found the solution. In the style.css file for my theme, the .block had position: relative; applied to it. removing that bit of themeing appears to have fixed the link issue.
Thanks