Re: [css3-selectors]: Proposal: :in-view() selector for better visibility control

I think, UA have to select elements only by their dimensions. Other things
is not important.If element is fully transparent it has zero size.

On Wed, Nov 30, 2016 at 10:02 PM, Anton Nemtsev <anton.nemtsev@vaimo.com>
wrote:

> If it's a matter of visibility than what about opacity?
>
>
>
> *Anton Nemtsev*
> Frontend Developer
> +38 050 277 38 82 <+380502773882>
> anton.nemtsev@vaimo.com
> [image: Vaimo Logo] <http://www.vaimo.com/> *Vaimo*
> Zhylianska str. 31
> Kiev, Ukraine
> +38 044 364 19 66 <+380443641966> | www.vaimo.com
>
> *We are hiring* - Help us grow!
> vaimo.com/careers <http://www.vaimo.com/careers/>
>
> *Follow us:* [image: Vaimo Facebook] <http://www.facebook.com/VaimoGlobal>
>  [image: Vaimo Twitter] <https://twitter.com/vaimoglobal> [image: Vaimo
> LinkedIn] <http://www.linkedin.com/company/2510355>
>
> On 30 November 2016 at 21:51, Alexander Shpack <shadowkin@gmail.com>
> wrote:
>
>> Nope, it doesn't.
>>
>> :in-view(all) means that element was visible, was 100% fit in viewport,
>> but has taken away from it. So, selector doesn't find it anymore.
>>
>> I think browser should skip all hidden elements because it has no
>> width/height
>>
>>
>>
>> On Wed, Nov 30, 2016 at 9:42 PM, Oriol _ <oriol-bugzilla@hotmail.com>
>> wrote:
>>
>>> I think this could produce infinite loops:
>>>
>>>
>>> ```css
>>>
>>> :in-view(all) {
>>>
>>>   display: none;
>>>
>>> }
>>>
>>> ```
>>>
>>> - Oriol
>>>
>>>
>>> ------------------------------
>>>
>>> Hi folks!
>>>
>>> It would be perfect if we get the next pseudo class: :in-view() with a
>>> different parameters
>>> :in-view(all) - selected node is 100% visible in viewport
>>> :in-view(partial) - selected node is partially visible in viewport
>>> :in-view(none) - selected node is outside of viewport
>>>
>>> And inverted logic using :not()
>>> :not(:in-view(all)) - synonym of :in-view(none)
>>> :not(:in-view(partial)) - selected node is partially INvisible in
>>> viewport
>>> :not(:in-view(none)) - synonym of :in-view(all)
>>>
>>> Real cases are the next.
>>> If I have some absolutely positioned popup blocks inside of relative
>>> positioned ones, sometimes it fall out from viewport due relative block
>>> position I would like to return that block into a viewport again. Now I
>>> have to use JS.
>>>
>>> Other one is sticky behavior. I can hide something or change the
>>> position just using :in-view(partial) selector. I don't need position:
>>> sticky anymore :)
>>>
>>> So, what do you think about it?
>>>
>>> --
>>> s0rr0w
>>>
>>
>>
>>
>> --
>> s0rr0w
>>
>
>


-- 
s0rr0w