profile
viewpoint
Oskar Krawczyk oskarkrawczyk @jsfiddle Warsaw, Poland http://krawczyk.io Created a bunch of things: ☁️@jsfiddle - 💬@headwayappco - 📈@unamohq

oskarkrawczyk/heyoffline 1122

Warn your users when their network goes down. Make sure they don't lose anything.

oskarkrawczyk/honukai-iterm-zsh 1022

Honukai theme and colors for Oh My ZSH and iTerm

oskarkrawczyk/overcast-mac 60

Unofficial Overcast Mac app.

oskarkrawczyk/wtframework 42

Check the JavaScript framework used on a website with just one click . The original WTFramework Bookmarklet

oskarkrawczyk/floom 33

Floom – Image slideshow with a visible timer/progressbar and a funky blinds-like animation for MooTools

oskarkrawczyk/ElementStack 17

ElementStack

oskarkrawczyk/tour.js 14

Create a tour by moving a highlighted box between elements on the website

oskarkrawczyk/shadow-scroll 11

ShadowScroll will add top and/or bottom shadows to your overflowed scroll area in order to indicate that there's still something to scroll

oskarkrawczyk/asaaap 4

A Simple Anonymous Plan

oskarkrawczyk/nuTabs 3

MooTools-based, transitionified switcherification!

issue closedjsfiddle/jsfiddle-issues

Uncaught TypeError: console.dir is not a function

Steps to reproduce:

  • simply write code that uses console.dir in JavaScript panel:
const arr = [2, 3, 5];
console.dir(arr);

Actual: Error thrown in the console:

Uncaught TypeError: console.dir is not a function at ?editor_console=true:106

Expected: Using console.dir should be valid and not throw an error.

closed time in 6 days

dwiyatci

issue commentjsfiddle/jsfiddle-issues

Uncaught TypeError: console.dir is not a function

Thanks for the heads-up. Should now work as expected even when the JSFiddle console is activated.

dwiyatci

comment created time in 6 days

issue closedjsfiddle/jsfiddle-issues

UX: Minimized Console shouldn't be position: absolute

Having the console position: absolute ends up hiding elements from the preview screen.

For example, when running this js function here on a 1080p screen, it took me forever to figure out what was wrong because the last <p> element was hidden behind the console bar. It was only when I decided to change the layout I was able to see and verify that the code was working as it should.

Loving the new console feature btw, it makes it so much more intuitive to debug code now.

closed time in 6 days

mdizo

issue commentjsfiddle/jsfiddle-issues

UX: Minimized Console shouldn't be position: absolute

Should now work as expected.

mdizo

comment created time in 6 days

issue commentjsfiddle/jsfiddle-issues

UX: Minimized Console shouldn't be position: absolute

Hopefully today I'll have this changed so that the console doesn't overlap the results panel anymore.

mdizo

comment created time in 6 days

issue closedjsfiddle/jsfiddle-issues

Why can't I switch back to light mode

I can't find out where to switch back to light mode.

I personally find that dark mode sucks.

Why am I being FORCED to use dark mode?

Google Chrome Version 85.0.4183.102 (Official Build) (64-bit)

closed time in 6 days

MikeWilliams-UK

startedbaowenbo/DAIN

started time in 14 days

issue closedjsfiddle/jsfiddle-issues

Medium embeds all 404ing

https://blog.mapbox.com/data-driven-styling-for-live-earthquake-tracking-604bd3767152

We have multiple blog posts that have failing 404 errors where a JSFiddle code example should be displayed. Can someone let me know if there is a way we can quickly fix this?

Our company unique url also results in 404: https://jsfiddle.net/mapbox/

closed time in 15 days

Gillinghammer

issue commentjsfiddle/jsfiddle-issues

Medium embeds all 404ing

have multiple blog posts that have failing 404 errors where a JSFiddle code example should be displayed

You're using this URL: https://jsfiddle.net/kk13xmL7/show/embedded which is incorrect, try https://jsfiddle.net/kk13xmL7/embedded

Our company unique url also results in 404: https://jsfiddle.net/mapbox/

https://jsfiddle.net/user/mapbox/

Gillinghammer

comment created time in 15 days

issue commentjsfiddle/jsfiddle-issues

CSS Property crashed jsfiddle view window.

Use body * {...} as per known bugs in README.

No idea why is this happening...

moy-source

comment created time in 17 days

issue commentjsfiddle/jsfiddle-issues

RUN sometimes opens a new tab instead of reloading the page

This happens when the code tries to break out of the iframe sandbox by changing for example the parent.name - I don't see the immediate reason why this should happen with the fiddle provided, but this is most definitely caused by the fiddle code.

Will look into this and pinpoint which part of the code/lib causes this.

AMBudnik

comment created time in 18 days

issue closedjsfiddle/jsfiddle-issues

console.time() is not supported

Hi @oskarkrawczyk

Here's what I get when I try to use console.time().

browser console image

your console image

Demo: http://jsfiddle.net/p7daeog0/3/ Device: Windows 10 / Chrome 84

closed time in 18 days

AMBudnik

issue commentjsfiddle/jsfiddle-issues

console.time() is not supported

Added a proxy to the custom console so it pushes more console methods back to the native one.

AMBudnik

comment created time in 18 days

issue closedjsfiddle/jsfiddle-issues

console.clear is not a function

Not sure when - but a little while back - console methods besides log seem to have been removed -

I often start my JS with a console.clear() in the fiddles. Now that method doesn't exist.

This will probably render hundreds of thousands of StackOverflow/Slack/Quora/Discord/ - examples - white-screen / broken. Yikes!

I didn't really foresee that! but - maybe I shouldn't have counted it?

Here's an example: https://jsfiddle.net/sheriffderek/zbekav2h/

Is this purposeful? I read somewhere that you could add the functionality back in with a script - but It wouldn't make sense to go back and add that to

closed time in 18 days

sheriffderek

issue commentjsfiddle/jsfiddle-issues

console.clear is not a function

Added a proxy to the custom console so it pushes more console methods back to the native one.

sheriffderek

comment created time in 18 days

issue closedjsfiddle/jsfiddle-issues

console.assert broken via JSFiddle

Not sure what's going on, but I have old fiddles that were running fine before breaking now. These fiddles make heavy use of console.assert and they now error out with:

TypeError: console.assert is not a function
    at assert (?editor_console=true:141)
    at s.run (?editor_console=true:149)
    ...

Is jsfiddle overriding the native browser console functions???

closed time in 18 days

dflor003

issue commentjsfiddle/jsfiddle-issues

console.assert broken via JSFiddle

Added a proxy to the custom console so it pushes more console methods back to the native one.

dflor003

comment created time in 18 days

issue commentjsfiddle/jsfiddle-issues

console.assert broken via JSFiddle

Editor options are not set per fiddle but per user account.

dflor003

comment created time in 18 days

issue commentjsfiddle/jsfiddle-issues

Can't change company name

Yes, already marked as a Bug.

tiago-peres

comment created time in 25 days

push eventoskarkrawczyk/tealweb

Oskar Krawczyk

commit sha 7e2f0c4e3a64b88c311df2eb5c765a9c7d2eda3d

Updated collection

view details

push time in a month

push eventoskarkrawczyk/tealweb

Oskar Krawczyk

commit sha f3a8d29e7cbbf336a3660fb96c8427b020cb5173

New collection

view details

push time in a month

issue commentjsfiddle/jsfiddle-issues

JSFiddle is inaccessible

Most people were using the dark one when both were available, so the decision which one to keep was pretty obvious.

enryco

comment created time in 2 months

issue closedjsfiddle/jsfiddle-issues

Support import maps

It would be nice to have simple import maps

While the feature is not ready in some browsers and flagged in others, I would propose a UI to define such a map so that bare imports in the code are adjusted.

I would propose that a single entry such as "svelte": "https://jspm.dev/svelte@3" would also transparently handle subpaths so that in code I can write

-import svelte from 'https://jspm.dev/svelte@3'
-import store from 'https://jspm.dev/svelte@3/store'
+import svelte from 'svelte'
+import store from 'svelte/store'

closed time in 2 months

tpluscode

issue commentjsfiddle/jsfiddle-issues

Support import maps

Added to roadmap. Thanks!

tpluscode

comment created time in 2 months

issue closedjsfiddle/jsfiddle-issues

"All your fiddles" page should show fiddle name from latest version

"All your fiddles" page should show fiddle name from latest version

Feature request. Up to you. I think it'd be a nice little quality of life tweak. I forget to name my fiddles sometimes.

Steps to replicate

  • Create a fiddle with no name. Add some code. Save a couple of versions of it.
  • Add a name to the fiddle. Hit save.
  • Go to "All your fiddles" page. Fiddle will not have a name.

2020-07-30_001854 2020-07-30_001909

closed time in 2 months

RedDragonWebDesign

issue commentjsfiddle/jsfiddle-issues

"All your fiddles" page should show fiddle name from latest version

Expected behavior. Saving as base version will display updates in the listing.

RedDragonWebDesign

comment created time in 2 months

issue commentjsfiddle/jsfiddle-issues

Github integration fail

Long name might be the case. Will look into it.

kmandziuk

comment created time in 2 months

issue closedjsfiddle/jsfiddle-issues

JSFiddle is inaccessible

There seems to be no light theme anymore, so it is inaccessible during the day or for people with sight problems

closed time in 2 months

enryco

issue commentjsfiddle/jsfiddle-issues

JSFiddle is inaccessible

Thanks for the input. We already have this on the roadmap, you can vote for the feature there.

As mentioned many times before, keeping two themes was too much of an development overhead.

enryco

comment created time in 2 months

issue closedjsfiddle/jsfiddle-issues

Various sharing options

I didn't want to reveal my work to everyone. So I paid for it. For the private option only. But the moment I set it to private, I was embarrassed to see that there was no way to share it with others. I want options in the same way as Google Drive. (e.g., Anyone with the link can view) Please consider this feature.

closed time in 2 months

damyo

issue commentjsfiddle/jsfiddle-issues

Various sharing options

This is not the place to claim refunds.

damyo

comment created time in 2 months

issue closedjsfiddle/jsfiddle-issues

"All your fiddles" page - clicking on fiddle should load latest version

"All your fiddles" page - clicking on fiddle should load latest version

Feature request. Up to you. I think it'd be a nice little quality of life tweak. I rarely need to go to v1 of a fiddle from the "all your fiddles" page. I usually want to go to the latest version. The link with the largest surface area (the screenshot) goes to v1 though.

Steps to replicate

  • Create a fiddle. Add some code. Save a couple of versions of it.
  • Go to "All your fiddles" page.
  • Click on the fiddle's screenshot (instead of the text link). It will load v1 of the fiddle, instead of the latest version.

2020-07-30_002255 2020-07-30_002308

closed time in 2 months

RedDragonWebDesign

issue commentjsfiddle/jsfiddle-issues

console.assert broken via JSFiddle

Just turn off the custom console in JSFiddle settings for now.

dflor003

comment created time in 2 months

issue closedjsfiddle/jsfiddle-issues

Not clear how to change Fiddle name

If I go to my list of fiddles (https://jsfiddle.net/user/tiagoperes/fiddles/) and from there can see there's one named 72x8fLL0.

If I click in the fiddle with that name (https://jsfiddle.net/tiagoperes/72x8fLL0/) then can see in the right side in Fiddle Meta "Untitled fiddle".

If I write a name for it there, let's say "Reddiant" and click "Save", that's not gonna be enough to save the name. If one wants to change the name, then instead we'll have to click "Save" and after "Set as base".

closed time in 2 months

tiago-peres

issue commentjsfiddle/jsfiddle-issues

Not clear how to change Fiddle name

This is exactly how it works and it's by design. We'll be evaluating changing this flow in the future.

tiago-peres

comment created time in 2 months

issue closedjsfiddle/jsfiddle-issues

At least three clicks to go to a new fiddle

Using the UI, when we are working with one fiddle and want to go to another one, we need to go to the upper right icon > fiddles and then click in the fiddle we want to open.

This is such a waste of time and energy. Would be great to be able to go to the fiddle's list using only one click.

closed time in 2 months

tiago-peres

issue commentjsfiddle/jsfiddle-issues

At least three clicks to go to a new fiddle

We're fine with so many clicks. Closing.

tiago-peres

comment created time in 2 months

push eventoskarkrawczyk/tealweb

Oskar Krawczyk

commit sha fad42c2ee8d16b5279a3ed4f1522d62e2c982601

new video

view details

push time in 2 months

issue closedjsfiddle/jsfiddle-issues

Method scrollLeft not registered

In jsfiddle.net, if I add the following code to the HTML segment of the page:

<script type="text/javascript">
 function scrollLeft() {
     console.log('left');
 }
  
 function scrollRight() {
     console.log('right');
 }
</script>

<div class="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>

<button onclick="scrollLeft()">
  Left
</button>
<button onclick="scrollRight()">
  Right
</button>

I get the following error when clicking the left button:

?editor_console=true:113 Uncaught TypeError: scrollLeft is not a function
    at HTMLButtonElement.onclick (?editor_console=true:113)
onclick @ ?editor_console=true:113

This is kinda weird. If I rename 'scrollLeft' to 'left' for example then the function works. Apparently there's a bug somewhere internally in JSFiddle where it doesn't allow that specific function to be registered.

closed time in 3 months

IPeev1

issue commentjsfiddle/jsfiddle-issues

Method scrollLeft not registered

You're trying to overwrite a native method: https://developer.mozilla.org/pl/docs/Web/API/Element/scrollLeft

IPeev1

comment created time in 3 months

push eventjsfiddle/jsfiddle-issues

Oskar Krawczyk

commit sha e9e27c8e791e045abacaa8bfdeeb3d87a7184188

Update README.md

view details

push time in 3 months

issue commentjsfiddle/jsfiddle-issues

Cannot Save fiddle

There's a link to the latest version of the fiddle in the listing. Title and description are a part of the version.

mrmarkichs

comment created time in 3 months

issue commentjsfiddle/jsfiddle-issues

Cannot Save fiddle

You didn't save the fiddle as the base version which is why you see order version in your listing.

It's been always like that.

mrmarkichs

comment created time in 3 months

more