Css Height Transition Not Working







/*! * Bootstrap v2. FREE HTML5 SLIDER - HTML5 Slideshow Template Featuring a clean look and a neatness that makes it attractive is this luxury slicer slideshow that has looks like a slideshow when it transitions and for the 4 seconds it remains still, it looks like a beautiful header with a picture. This is pure CSS based responsive design, But I also used jQuery to create the mobile version's toggle button. But i found a bug. When this property is 100%, the transition is complete, and the underlying layers show through; the layer to which the effect is applied is entirely transparent. 1, will not animate a transition if it was defined on an element styled with "display: none;", just like Nicholas mentioned above. The animation property in CSS is a pretty important property to befriend and know more about - especially if you want to make your content more lively. Now we move the div left and right according to the anchor clicked. fadeTo() method animates the opacity of the matched elements. This is a barebones multi-level drop down menu made entirely in CSS, that plays nice in all browsers and degrades gracefully to regular CSS2 hover effects in IE. create, understand inheritance, and befriend the prototype. March 4th. For older browsers you probably need workarounds as in. With css transitions you cannot animate height:auto either. Ken Burns is a type of panning and zooming effect commonly used in video production to bring still images to life. Hi folks, I am new to the css rollover buttons, but I am working on a project that require them. Hi, Im trying to create a CSS menu bar with drop down menus, seems straight forward and I can create one from scratch but when trying to add a drop down menu to a previously made CSS menu bar, the nested list im trying to code in on main list doest nest it, but instead just adds another button to the side of the menu. The list does not include every conceivable CSS3 property or selector. This system works like the animation system present with ngClass except that you must also include the !important flag to override the display property so that the elements are not actually hidden during the animation. What is CSS? Cascading Style Sheets (CSS) is a simple mechanism for adding style (e. A block element is often called a block-level element. The display property lets you define how a certain HTML element should be displayed. 0/Windows will not apply any transitions to an element, if the shorthand CSS is used. Thus, it is important to keep in mind a few things before you start styling buttons. Simple CSS3 Toggle Switch Button. There is only one limitation. This delay can be minimized using an easing curve with a steep leading edge:. Smooth as Butter: Achieving 60 FPS Animations with CSS3. Recommendation. Using Master Slider jQuery Plugin. Basic idea of this work around for visibility:hidden is to use the CSS transition property to move the element outside the document. It was popularized by the Facebook app a few years back, and has since made it into the standard toolbox of almost every web designer out there. Cross fading images Commonly used as part of image galleries, or to show detail on products. You can pass options as key/value object to fancybox() function or modify them at the bottom of FancyBox JS file. I did not use any CSS library to create it responsive. Today we're going to go over the various options. We offer two popular choices: Autoprefixer (which processes your CSS server-side) and -prefix-free (which applies prefixes via a script, client-side). Ken Burns is a type of panning and zooming effect commonly used in video production to bring still images to life. Hi my share dropdown menu its working fine with Chrome and Opera but not with Firefox and internet explorer even the image of sharee its not appear in those two browsers, did any one have an idea t. Note: The set of properties that can be animated is subject to change. In this lesson, we will look at how you can change the presentation of elements by setting the margin and padding properties. it says on csspie website that it has problems with z-index. Typeof is still string, not integer. See Live Demo : Hover Button Effects by HITESH VIKANI (@hitesh1120) on CodePen. CSS3 transition is not working in internet explorer. The general reasoning behind this was discussed in a May 2007 post, if you're interested. Ask Question It is possible to do an open/close effect with variable-height elements and CSS transitions with a bit of JS. I think the mixed JS/CSS solution is a good compromise. Bootstrap example of Side menu on hover using HTML, Javascript, jQuery, and CSS. Since version 2. Click the ‘toggle visibility’ button repeatedly and you’ll see the box disappear and appear suddenly, with no transition. I quickly found out that this doesn't work as transitions will not work with height: auto. FancyBox is a tool for displaying images, html content and multi-media in a Mac-style "lightbox" that floats overtop of web page. Positioning of main content should not be done with relative or absolute positioning. It’s an interactive course and best place to start. These types of transitions are pretty common, and you've probably seen or used something similar. Carousel’s Javascript initialization doesn’t include a set of animation options like many jQuery sliders available online. Follow along with me and create your own fun button styles. On each anchor tag there is class box and demo-1. I have a question : why is the fade-in transition working with the text and not with the background in "Untitled passage 1" while in other styles (like "dining table") the transition is applied to the whole passage including background (white semi-transparent box) ?. Once on, it acts like an event listener and it listens for the one property to change on the element, and once changed the element will transition. (Optimally, we could use ‘auto’ as the expanded height value, but unfortunately it will not animate like that. Works for any size (not restricted to a specific width, height, or aspect ratio) Supports transparent backgrounds; Smooth and performant transition; I proposed this challenge in the Animation at Work Slack and again on Twitter. It is similar to the. The CSS safari does not work out the height correctly. This reference describes the supported properties and provides Safari availability information. Safari Push Notifications; Certificates, Identifiers & Profiles. It also includes some content that always sits at the very bottom of the initial viewport. animate( properties, [. If height is set to a numeric value (like pixels, (r)em, percentages) then if the content does not fit within the specified height, it will overflow. The translate3d property is used to give the menu the 'slide in' effect and the transform property is used for the timing of the 'slide in', which is set at. You'd prefer to use CSS, but everyone knows that you can't transition to height: auto;, so you resort to using. Now that we have 3-D capabilities in our browsers, why not take a shot at creating an actual 3-D carousel? The markup for this demo takes the same form as the box, cube and card. This tutorial will cover an introduction on them, a getting started guide, some improvement tricks, and then finally some awesome demos for you to build off. Please try again later. Ask Question Asked 5 years, Browse other questions tagged jquery css css3 transitions or ask your own question. If the parent has a percentage height then that parent's parent must also have a height defined and so on… Therefore the element 'some-other-thing' also needs a height set for this to work. This also has a responsive design using CSS, you can call this Pure CSS Responsive Circular Menu. For example, if you want to animate the rendered border width, at least a border style and border width other than "auto" must be set in advance. Using this effect, the top section of the page adapts to your entire screen resolution (100% height). You can easy and fast generate consistent CSS3 animation using simple UI without any coding. The transition-delay that we use in the hover class can be altered, to be differnt than the one in the normal class. Background Image Not Working With Bootstrap The file path is correct, along with the file name and extension. The animation property in CSS is a pretty important property to befriend and know more about - especially if you want to make your content more lively. CSS height:100% not working in Internet Explorer. Let’s have the height adjust as well, to create a smoother sliding effect. and css -. I’ve covered transitions a million different ways, but there’s one feature that I hardly ever touch: transition delays. Let's go through them one by one, but maybe you should bookmark this page too. I've added your HTML/CSS to this page. Any other properties included when changing an element's state, but not included within the transition-property value, will not receive the transition behaviors as set by the transition-duration or transition-timing-function properties. So you’ll need to do something like the following to force it to recompute the scroll container bounds at the end of the transition:. Ask Question It is possible to do an open/close effect with variable-height elements and CSS transitions with a bit of JS. Hi my share dropdown menu its working fine with Chrome and Opera but not with Firefox and internet explorer even the image of sharee its not appear in those two browsers, did any one have an idea t. The transparent is working in explorer 11 but not the flip. Reply to Auto Hideable script by hekel isn't working correctly on Sun, 16 Oct 2016 14:28:06 GMT Well now it become strange because I just removed hekel code and applied your code and it seem to be working only panels are not working. Defining transitions. And I added some code to Source Editor. That way, when we transition from slide four to five, we know exactly how much to translate the slide. tpl and style. especially. I've researched and have seemingly be…. You May also Consider Using our JavaScript Tooltip. A block element is often called a block-level element. See Live Demo : Hover Button Effects by HITESH VIKANI (@hitesh1120) on CodePen. Stackoverflow - How can I apply a style to a div using CSS as long as that div does NOT contain an element with a certain id? #4 is the latest revision. Enter, CSS3 Transitions. Since the estimated max-height, 1000px in this example, must exceed the actual height with a good margin there will be a delay when transitioning down from this max-height before it starts to actually limit the real height. Hi, love the work you are doing on mobrise, it’s a great tool to get the layout of a responsive website. We put them left floated on the image. This is one of the many internship opportunities students have to dive deep into their futures!. We will also place font-awesome icons before the link to make a cool design. Also feel free to grab my. css, but Not too sure about were to implement step4 if you can help out thanks. Preprocessors and mixin libraries are not always up to date. Bootstrap image hover effects. When used together, these properties allow you to create simple animations and add valuable interaction and visual feedback for your users. Object-fit CSS property has a decent support in modern browsers, but it turned out it is not working as expected in Edge (and it is not actively maintained anymore). I understood CSS was well supported in IOS 8 and I can't figure out what is wrong. css 16-Jun-2014 Posted in Blog , Tutorial Creating a dropdown menu is the most easy way to provide a hierarchal index of different menu items on the website. Today we're going to go over the various options. JS 101; Getters and Setters. Unfortunately the one link with the dropdown menu doesn't appear to work, and I can't for the life of me figure out why. Don't give up yet - I checked out your website with your profile and was able to see the you used the Mystile wootheme - so I downloaded it and did a test - my suggested code will work perfectly with the latest woocommerce. But, when I add the. Simple CSS3 Toggle Switch Button. css filestarting wit with ":host" could do the trickbut I tried that and it did not work. 3s ease; (As far as I know, a bug was filed, hopefully one of the 11. You cannot animate the links along with the arrows using CSS3 transitions. With css transitions you cannot animate height:auto either. Hello there, I am trying to make iframe expanded and shrank when the mouse pointer is on the iframe by using media query. Can you show the css you apply to the class and also the content of the div. When using multiple values, the font-family list of font families defines the priority in which the browser should choose the font family. The essence is that you define normal styles and special styles that should be applied after, for instance, a click, and that you then command the browser to use a transition for the style changes. This is pure CSS based responsive design, But I also used jQuery to create the mobile version's toggle button. CSS layout: tricks and layout techniques. We put them left floated on the image. In order to avoid this problem we use SVG's…. The line height of the font (4em) centers the text vertically in the button, but this might change depending on the height. This is because, Animate supports those features that are in-turn supported by the Canvas element within HTML5. Here was my epiphany regarding transitions in Angular: Angular dynamically adds and removes specific CSS classes to elements, allowing you to add standard CSS. Bootstrap Transition example snippets with CSS, Javascript and HTML code. Had a good play with it and I love the idea not using javascript but pure css transitions to get the desired effect. Ask Question It is possible to do an open/close effect with variable-height elements and CSS transitions with a bit of JS. (Oh wait, I've said that before. A lot of web designs that have come my way call for full page layouts with no containing max-width and no overflow of content that requires scrolling to view. The transition-timing-function property specifies the speed curve of the transition effect. Why? Because I am lazy and it makes developing so much easier by tweaking the css transition attributes in the browser in-built developer tools instead of having constantly upload changes, refresh and check. max-heightを色々変えてみると原因は分かって、transitionがmax-heightまでアニメーションしている体になっているっぽくて、開く時は早くて、閉じるときがもっさりする。 ので、もっとなんとかしたいなーと思っているところ。. If height is set to a numeric value (like pixels, (r)em, percentages) then if the content does not fit within the specified height, it will overflow. The specifications for transforms are currently classed as a working draft and therefore should be used with caution because the intricacies of how they work are not finalized. We can also express this in a long hand version. These days it is now possible to rotate an image with CSS using the transform property. Recommendation: Adds support for the values and precises on which element it applies to. CSS3 offers a variety of properties to transition. The next step is to style the actual drop-down items:. Only CSS transitions. mediaquery. Most website using viewport units were looking great most of the time. CSS animations are applied in the same way with CSS transitions, the difference being that v-enter is not removed immediately after the element is inserted, but on an animationend event. Have you ever found an image but wanted to display it flipped the other way? Previously you would have used your favourite image editor to create a new image that was flipped. I’ve covered transitions a million different ways, but there’s one feature that I hardly ever touch: transition delays. pgm (which sould autoload the png file if present, pgm file is not present) will crash mlt. hi everyone, i have a link which will display a popup window with close button on it ,it works fine with chrome but not working in internet explorer any who have solution for this. There is only one limitation. Below is an example of CSS that changes the header's background color, transparency, and height, with an easing animation effect. Recommendation: Adds support for the values and precises on which element it applies to. menu-wrap background does not seem to get applied. Apparently this is a really difficult problem to solve in CSS. So, Today I am sharing CSS Circle Menu With Icons, a pure HTML CSS Circular menu. Because I am providing a solution to your need. I have also included a number of puzzles to help you review the things you have learned in the previous chapters. Step 1: Learning the basics – HTML, CSS, SVG, Javascript. css 16-Jun-2014 Posted in Blog , Tutorial Creating a dropdown menu is the most easy way to provide a hierarchal index of different menu items on the website. Today I will tell you how to create cool CSS3 modal popup windows (or boxes). This works nicely in newer browsers and allows for interesting animations. Please fix this issue as its really difficult to work with edge and handle animations. I would really appreciate some help ! The mobile-nav code:. CSS Reference is free and always will be!. What is CSS? Cascading Style Sheets (CSS) is a simple mechanism for adding style (e. For instance you can set it to height: 100vh; This will create the element to be 100% of your window height. htc)"; on each of the. tpl and style. Should not be a negative value. The goal here is to make a header that stays fixed to the top of the screen, whether you are scrolling or not. Not a good solution at all, since it only make it work for that specific slide. The essence is that you define normal styles and special styles that should be applied after, for instance, a click, and that you then command the browser to use a transition for the style changes. you’re tutorials are fantastic but I can’t help to wonder why no one really explains or shows a demo in using a css background image while using responsive design? At least I haven’t seen any. My CSS is below. Using this effect, the top section of the page adapts to your entire screen resolution (100% height). cube:hover { Css3 transitions are supported only in ie 10 & 11. I've tried to stick to the well-known stuff, and I've also included a list of pseudo-selectors and pseudo-elements. Note: I've not included all the different vendor prefix versions of the keyframe blocks in this listing, to abate boredom. For instance -webkit-or -moz-. same with full path name to file. A made a really basic site to show positioning of content and I’m going to talk you throug. And with that out of the way, we're now dynamically determining the width of our slides. jpg images each of width 800px and height 400px. CSS position fixed doesn't work when parent div has an animation transition. All Transition effects except the Iris Wipe effect have a Transition Completion property. The transition-timing-function property specifies the speed curve of the transition effect. After seeing this post, you will be able to create this. Working Draft: Defines min-height as animatable. Even safari with user agent of iOS, but when I actually test on iOS Chrome or Safari, the animation does not work. I was struggling trying to animate the width of a from a fixed px width to a 100% (or auto) width. Any other properties included when changing an element’s state, but not included within the transition-property value, will not receive the transition behaviors as set by the transition-duration or transition-timing-function properties. Nice menu, thanks for the time and effort for showing it. Front-end developers have a myriad of choices when it comes to content carousels. It’s working with checkbox functionality. JS 101; Getters and Setters. Let me know the solutions. Newer versions of Safari and Chrome can be targeted and separated. There's no horizontal scrollbar, so it's exactly the sum of what's inside the borders: CSS-height 200px plus top and bottom paddings (2 * 20px) total 240px. I understood CSS was well supported in IOS 8 and I can't figure out what is wrong. -webkit-transition: height 1s ease; This property on the dd tag lets webkit browsers know we wish to transition the height value over 1 second period using the ease timing function this transition will only happen when the height of the dd tag is changed. Radium yarn add radium # or npm install --save radium. For the animation to work a special CSS class called ng-anchor will be added to the transported element. It's good to see CSS 3 getting more exposure - it's certainly the. Please fix this issue as its really difficult to work with edge and handle animations. The whole nav bar is see through. 600px: Calculated in relation to the width of the containing box. slideDown(). How to Create CSS Transition Slide Down & Slide up Effect. Ask Question Asked 5 years, Browse other questions tagged jquery css css3 transitions or ask your own question. This image slideshow adds an awesome Ken Burns effect to each image during transition, with the ability to show a corresponding description. ATTENTION! To address many issues that have come up over the years, the API in v2 and above is not backwards compatible with the original React addon (v1-stable). Bootstrap Height example snippets with CSS, Javascript and HTML code. Check this link -. CSS transitions on the section, that happen to end while the height transition is still going, could cause height not to be returned to its default value; Disabling transition for one frame could disrupt other transitions on that element which happen to be going at the same time. Highlighted features: mixed content, auto height, deep linking, video handling, lightbox support, responsive, touch-swipe, auto-scale layers. wrapper element. It is clear that for browsers like IE 8 transitions do not work. Test your JavaScript, CSS, JSFiddle or its authors are not responsible or liable for any loss or damage of any kind during the usage of provided code. Bit of a golf clap moment here. Thanks for the nice simple script it worked nicely, just not sure how to implement step 4. Within CSS, gradient backgrounds are treated as background images. Horizontal lines are a way to separate content and can be done using the HTML HR element or CSS border rules. In this tutorial, I'll go over 4 simple CSS transitions you can use to enhance your buttons and add a little flare to your web page. Unfortunately CSS transitions on the display property, which could be used to gradually remove an element, are not supported by CSS 1 and furthermore setting the display property also cancels transitions on all other properties. transition: all 600ms cubic‑bezier(0. We continue on A List Apart’s four-part “From URL to Interactive” series with Greg Whitworth, a member of the W3C CSS Working Group and the CSS Houdini Task Force. For others, and different types of hacks. font, background, border) are not fully supported. If you don’t know much about CSS, I would recommend not changing this. Every element has a default display value depending on what type of element it is. These weights are dependent on weight subsets of a font being available. avi -transition luma in=0 out=100 resource=%luma12. I quickly found out that this doesn't work as transitions will not work with height: auto. We will be using some neat features such as the :target pseudo selector and :after elements. 1, will not animate a transition if it was defined on an element styled with "display: none;", just like Nicholas mentioned above. Today, I'm going to talk about how to create a dropdown control using React JS, LESS CSS, and Font Awesome. This means that you either need to have a fixed height for all of your drop downs or you have to think of something else. ng-anchor CSS class and then ngAnimate will handle the entire transition for us as well as the addition and removal of any changes of CSS classes between the elements:. Im looking to demonstrate to a customer a 'new idea' for a menu on their website (I don't host or run their site at the moment) I built a verticle css slide out menu that works fine, but to. A major step back for HTML email design. First you should know that this spec is still a Working Draft, and has already changed since it's first release. I am running 28. This post will introduce you to CSS transitions and CSS transforms: the CSS power couple. CSS3 Transition for Border Not Working. The transition-delay that we use in the hover class can be altered, to be differnt than the one in the normal class. That way, when we transition from slide four to five, we know exactly how much to translate the slide. Max-height property can be set to default or be specified in length values like px, cm, % of the containing block. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Those comments are informational only, just as HTML comments are (although the syntax is different). As doing so may alter the. That's okay. An Introduction. Demo Download. This well thought out, easy to understand CSS3 video tutorial will show you how to create a fixed header with CSS. , it depends on content height), and this element is not absolutely positioned, the value computes to 'auto'. DS_Storeabito/admin/css/farbtastic. Note that in modern browsers, the CSS height property does not include padding, border, or margin. Ultra-Mega Webkit Bonus: Now In 3-D!. All you need to know about CSS Transitions My transitions work fine in IE and Chrome but not FF. Licensed under both MIT and GPL licenses. In short, this spec allows you to define variables to use in your CSS. While not defining a description for any of your images inside the initialization code has a similar effect, this option is useful when you wish to define descriptions, but just not show them using one of the methods above, but rather, in combo with the onslide() event handler for example. This is the best way to configure transitions, as it makes it easier to avoid out of sync parameters, which can be very frustrating to have to spend lots of time debugging in CSS. A back to top button is something that a lot of you have probably seen on many websites. x dot releases of Opera will have this fixed…). It is not possible with any tools (not only react-motion). We continue on A List Apart’s four-part “From URL to Interactive” series with Greg Whitworth, a member of the W3C CSS Working Group and the CSS Houdini Task Force. What’s great, you can experiment with CSS and create your own image hover effects that have the potential to make your website unsurpassed. The Sass Core Team has worked endlessly to not only keep up, but stay ahead. Since version 2. menu-wrap background does not seem to get applied. Set a scroll position breakpoint for transitions. The CSS attributes in this article are divided according to the groups defined by the W3C CSS Specification:. Step 1: Learning the basics – HTML, CSS, SVG, Javascript. DS_Storeabito/404. To create an animation using WebKit, use the -webkit-animation in conjunction with the @-webkit-keyframes keyword/at-rule, which allows you to define visual effects for your. Follow along with me and create your own fun button styles. Promoted Links Web Part Mods One of the coolest web parts, that I find the most fun to work with and customize, is the Promoted Links web part in SharePoint. The line height of the font (4em) centers the text vertically in the button, but this might change depending on the height. I would really appreciate some help ! The mobile-nav code:. This is pure CSS based responsive design, But I also used jQuery to create the mobile version's toggle button. How the container will handle the overflowing content is defined by the overflow property. Ask Question Asked 5 years, Browse other questions tagged jquery css css3 transitions or ask your own question. Welcome to LayerSlider! LayerSlider is a premium multi-purpose animation platform. Transition height CSS textarea animation example. Responsive Nav is a tiny JavaScript plugin which weighs only ~1KB minified and Gzip’ed, and helps you to create a toggled navigation for small screens. In this chapter, we'll take a look at how the various CSS layout properties can be used to influence the sizing, positioning and overall layout of a page. Or, if you want to animate font size, you would use fontSize or the CSS equivalent 'font-size' rather than simply 'font'. This topic contains 6 replies, has 4 voices, and was last updated by modiophile 6 years ago. A workaround to this is to set a transition on max-height instead and set the height to 100%. The idea to solve this problem is to use both transitions on the opacity and on the visibility property. Over and over again, the industry is choosing Sass as the premier CSS. #colorNav li:hover ul{ max-height:200px; } The 200px value is arbitrary and you will have to increase it if your drop down list contains a lot of values which do not fit. I will omit all the vendor prefixes, but you will, of course, find them in the files. What’s great, you can experiment with CSS and create your own image hover effects that have the potential to make your website unsurpassed. 0 * http://www. #colorNav li:hover ul{ max-height:200px; } The 200px value is arbitrary and you will have to increase it if your drop down list contains a lot of values which do not fit. Hi, Im trying to create a CSS menu bar with drop down menus, seems straight forward and I can create one from scratch but when trying to add a drop down menu to a previously made CSS menu bar, the nested list im trying to code in on main list doest nest it, but instead just adds another button to the side of the menu. Only CSS transitions. These CSS comments do not affect the visual display of a site in any way. In 2007, Apple introduced the CSS transition, which later became a proprietary feature of Safari called CSS Animation. For instance -webkit-or -moz-. I have a question : why is the fade-in transition working with the text and not with the background in "Untitled passage 1" while in other styles (like "dining table") the transition is applied to the whole passage including background (white semi-transparent box) ?. wrapper element. Hello, not sure if this is perhaps a bug in the Developer Edition but since yesterday (and build 65. For older browsers you probably need workarounds as in. Ask Question It is possible to do an open/close effect with variable-height elements and CSS transitions with a bit of JS. But let's take this a bit further. While not defining a description for any of your images inside the initialization code has a similar effect, this option is useful when you wish to define descriptions, but just not show them using one of the methods above, but rather, in combo with the onslide() event handler for example. 10 CSS HTML Form Designs Written by Saran on August 11, 2014 , Updated December 7, 2018 Let's face it, HTML forms are integral part of the web, it's a powerful and crucial tool for interacting with users. The Demonstration. CSS3 offers a variety of properties to transition. To do this, you’ll want to go into the custom CSS box and scroll to line 86. This is fine, but now you have to co-ordinate your CSS with your JS to make sure everything is timed correctly between the two. I needed my variable content blocks to fully display, so setting a fixed height was out of the question. Apple-like Login Form with CSS 3D Transforms we will use the CSS transition property. When used together, these properties allow you to create simple animations and add valuable interaction and visual feedback for your users. Sliders, image galleries, slideshows with mind-blowing effects, landing pages, animated page blocks, or even a full website can be created using LayerSlider 6. CSS Tools: Reset CSS. In older browsers you will see either no effects, or the transforms taking place without any animation. My first attempt at it was to set the height of the entire drop down ul to height: 0 then transition to height: auto. In this chapter, we'll take a look at how the various CSS layout properties can be used to influence the sizing, positioning and overall layout of a page. CSS Transitions are controlled using the shorthand transition property. Once on, it acts like an event listener and it listens for the one property to change on the element, and once changed the element will transition. CSS3 transition is not working in internet explorer. CSS Level 1 The definition of 'height' in that specification. But let's take this a bit further. First clear your basics of coding. Could any of your other custom css be messing about with it? seems like the most likely cause.